屬性操作方式
1. .操作
元素.屬性名
例如:input.value、input.id
注意:如果屬性當(dāng)中帶有橫杠的話,是取不到屬性的。(如:font-size)需要去掉橫杠,并且把橫杠后面的首字母大寫。(如:元素.fontSize)
2. [ ] 操作
元素[屬性名]
可以去帶橫杠的屬性
注意:如果我們將屬性的名字存成變量的話,也是需要用到中括號(hào)來(lái)取的。如果取的是屬性名,那么屬性名需要加引號(hào);如果是變量名,則不用加引號(hào)。
value屬性:表單的值
html代碼:
input type="button" id="btn" value="按鈕" />
js代碼:
var btn=document.getElementById('btn');
console.log(btn.value) //按鈕
className:元素的類名
注意:class是js的保留字,所以不允許使用。在需要獲取class的時(shí)候,要使用className來(lái)獲取
innerHTML:
- 獲取到一個(gè)標(biāo)簽內(nèi)的所有內(nèi)容
- 如果標(biāo)簽當(dāng)中有其他的標(biāo)簽,那么一樣會(huì)被拿到
- 如果在給元素增加的innerHTML內(nèi)容中有html標(biāo)簽,那么則會(huì)被解析成為一個(gè)真正的標(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取到的都是絕對(duì)地址,不是我們平時(shí)所用的相對(duì)地址,所以不能拿href和src取到的值取判斷。