js 獲取標籤的方法

2021-08-25 22:12:08 字數 1218 閱讀 8773

var tag=document.

getelementbyid

('id');

// [i]:代表獲取第幾個同名標籤

var tag=document.

getelementsbyclassname

('classname'

)[i]

;// classname:類名

var tag=document.

getelementsbytagname

('tagname'

)[i]

;// tagname:標籤名

var tag=document.

getelementsbyname

('name'

)[i]

;// name:定義 name 屬性的值

// queryselector 在匹配第乙個標籤後停止無法用 [i] 設定獲取第幾個

// queryselectorall 可以用 [i] 設定獲取第幾個

var tag=document.

queryselector

('all');

// all: #id .classname tagname name

var tag=document.

queryselectorall

('all'

)[i]

;// all: #id .classname tagname name

獲取偽類或偽元素

h3::after

<

/style>

generated content<

/h3>

let h3 = document.

queryselector

('h3'),

result =

getcomputedstyle

(h3,

'::after'

).content;

alert

(`the generated content is: $`

);console.

log(

`the generated content is: $`

);// the generated content is: "rocks!"

<

/script>

js獲取html標籤

很多時候我們會用到這樣的樣式 html,body 如果要用到js的話我們可以這樣寫 document.documentelement.style.overflow hidden document.body.style.overflow hidden 是的,只要用document.documentel...

js獲取元素的標籤名

有時候我們想獲取到乙個標籤的名稱,例如 a 得到 div 請看下面的例子 頁面上有乙個class a 的標籤,可能是input,也可能是普通的div或者是span標籤,現在我們要往這個標籤加乙個值 value1 如果是input則將其value屬性設定為value1,div則將其innerhtml設...

JS獲取Html標籤屬性的兩種方法

用js獲取html標籤屬性 用js獲取html標籤屬性有兩種方法 如web開發 js var ka document.getelementbyi d link alert ka.getattribute id alert ka.id 兩種方法都能彈出a標籤的id屬性,但從各瀏覽器相容上來說用ka.i...