本文目录一览:
- 1、js 遍历 tr
- 2、JavaScript里的document.querySelectorAll()是什么意思?
- 3、如何使用js来控制图片的css样式?
- 4、JS:下面代码中用$代替document.querySelectorAll为什么不成功?应该怎样修改?
- 5、js如何改变一整句内容中某特定字符的显示样式?
js 遍历 tr
你是怎么遍历的?可以根据先获取所有的行var trs = document.querySelectorAll("tr")然后在遍历每一行下边的列的for(var i=0,lentrs.length;ilen;i++){var tds=trs[i].querySelectorAll("td") ; }这样的话你就可以把i行的所有单元格取到。
JavaScript里的document.querySelectorAll()是什么意思?
querySelectorAll()的作用是:按文档顺序返回指定元素节点的子树中匹配选择器的元素集合,如果没有匹配返回空集合。
相关延伸:
在传统的 JavaScript 开发中,查找 DOM 往往是开发人员遇到的第一个头疼的问题,原生的 JavaScript 所提供的 DOM 选择方法并不多,仅仅局限于通过 tag, name, id 等方式来查找。
这显然是远远不够的,如果想要进行更为精确的选择不得不使用看起来非常繁琐的正则表达式,或者使用某个库。
事实上,现在所有的浏览器厂商都提供了 querySelector 和 querySelectorAll 这两个方法的支持,甚至就连微软也派出了 IE 8 作为支持这一特性的代表。
querySelector 和 querySelectorAll 作为查找 DOM 的又一途径,极大地方便了开发者,使用它们,你可以像使用 CSS 选择器一样快速地查找到你需要的节点。
用法:
document.querySelectorAll("#test")[0];
document.querySelectorAll("div.testp:first-child")[0];
document.querySelectorAll( '.test span' ).
参考资料
百度知道.百度知道[引用时间2018-1-6]
如何使用js来控制图片的css样式?
这个可以用CSS实现就好了。不必要使用JS
图片放大效果的话,建议用一个额外的 div层放置放大后的图片,这样布局就不会乱了。鼠标放上去就显示这个层。
.img2{
/*这里写你的所有图片都会用到的样式*/
}
.img2:first-child, .img2:last-child{
/*这里写第一个图片和最后一个图片会用到的样式*/
}
.img1:hover .showBigImg{
display:block;
}
对于这个大图的div层的显示,可以稍加js控制,这样就可以所有图片共用一个div层来放置大图。
希望能帮助到你
JS:下面代码中用$代替document.querySelectorAll为什么不成功?应该怎样修改?
function hd(s){
// 不能这样直接赋值
// 这样会丢失context,也就是这里的document
// window.$=document.querySelectorAll;
window.$ = function (s) {
return document.querySelectorAll(s);
};
var a=$(s);
// 这是要干什么?
return (new function (){});
}
js如何改变一整句内容中某特定字符的显示样式?
在样式中字符你要操作它的样式先要把它变成dom 对象,就是在字符h外层加个标签,如i或者span
style type="text/css"
.big{font-size:16px;font-weight:bold;}
.red{color:red;}
/style
div
这是span class="obj_a big"A/span,这是 span class="obj_b red"B/span ,这是C
/div
script type="text/javascript"
//然后你可以用js去修改对象的类名显示不同的样式
//如把obj_b设置为加大
document.querySelectorAll('.obj_b').className='big';
//或者js里面直接写样式
var obj_b=document.querySelectorAll(".obj_b")[0];
obj_b.style.fontWeight='bold';
obj_b.style.fontSize='16px';
/script
还有什么不明白想问的?