屬性操作方式
1. .操作
元素.屬性名
例如:input.value、input.id
注意:如果屬性當(dāng)中帶有橫杠的話灯谣,是取不到屬性的潜秋。(如:font-size)需要去掉橫杠,并且把橫杠后面的首字母大寫酬屉。(如:元素.fontSize)
2. [ ] 操作
元素[屬性名]
可以去帶橫杠的屬性
注意:如果我們將屬性的名字存成變量的話半等,也是需要用到中括號來取的牧嫉。如果取的是屬性名砖瞧,那么屬性名需要加引號坞生;如果是變量名举户,則不用加引號详民。
value屬性:表單的值
html代碼:
input type="button" id="btn" value="按鈕" />
js代碼:
var btn=document.getElementById('btn');
console.log(btn.value) //按鈕
className:元素的類名
注意:class是js的保留字讼育,所以不允許使用肯尺。在需要獲取class的時候续滋,要使用className來獲取
innerHTML:
- 獲取到一個標(biāo)簽內(nèi)的所有內(nèi)容
- 如果標(biāo)簽當(dāng)中有其他的標(biāo)簽惨远,那么一樣會被拿到
- 如果在給元素增加的innerHTML內(nèi)容中有html標(biāo)簽谜悟,那么則會被解析成為一個真正的標(biāo)簽。
html代碼:
<div id="box"><div>123</div></div>
js代碼:
var box=document.getElementById('box');
console.log(box.innerHTML); //<div>123</div>
href :鏈接的地址
src :圖片北秽、css葡幸、js的地址
注意:href與src取到的都是絕對地址贺氓,不是我們平時所用的相對地址蔚叨,所以不能拿href和src取到的值取判斷。