包含js中queryselectorall遍歷改變樣式的詞條

本文目錄一覽：

• 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

還有什麼不明白想問的？