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...