HTML5選擇器,類樣式

2022-08-27 07:00:14 字數 673 閱讀 5315

選擇器:css的選擇器怎麼用,這裡就怎麼用

document.queryselector("選擇器");//只能獲取乙個,預設第乙個

var op=document.queryselector("div p");

op.style.backgroundcolor="yellow";

document.queryselectorall("選擇器");//獲取的是多個

var ap=document.queryselectorall('div p');

for(var i=0;idocument.getelementsbyclassname("類樣式的名字");

var oop=document.getelementsbyclassname('cla')[0];//返回第乙個

oop.classname="col";

//getelementsbyclassname返回的是乙個集合,如果為其設定樣式,應該明確是哪乙個元素

類樣式:

function my$(btn)

my$("btn1").onclick=function()

my$("btn2").onclick=function()

my$("btn3").onclick=function()

my$("btn4").onclick=function()

HTML5 選擇器續

十 萬用字元選擇器 1 作用 給當前介面所有標籤設定屬性 2 注意點 當介面標籤太多時會影響效能,一般不用 選擇器小練習 charset utf 8 選擇器練習title 1 標籤選擇器 p 2 id identity1 identity2 3 類選擇器 para 4 後代選擇器 divp 5 子元...

html5 新的選擇器

1 queryselector 類似於jq裡的 方法,但是只能取到第乙個元素 只能取到乙個集合,即使只有乙個元素 class li2 li class li2 li ul var oli document.queryselectorall li2 oli取到的是乙個類集合,所以加樣式要用for迴圈 ...

HTML5的高階選擇器

1 層次選擇器 form p 表示後輩 後代選擇器 form p 表示子輩 div p 表示div下乙個相鄰的p元素 div p 表示div後所有匹配的p元素 2 結構偽類選擇器 p first child 第乙個p標籤 p last child 最後乙個p標籤 p nth child 3 第3個p...