property和attribute
兩種有何區(qū)別信夫?
- property指的是 dom 本身內置的屬性救崔,比如tagName
- 而attribute指的是 顯示賦值給dom 元素的屬性,
- 如果attribute 和 property 一樣的話在刺, 可以同步賦值
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="demo" tips="A"></div>
<script type="text/javascript">
var demo = document.getElementById('demo');;
//id為dom對象本身內置
console.log(demo.getAttribute('id')); //demo
console.log(demo.id); //demo 同步賦值帶dome內置屬性值
//自定義一個 可見的tips屬性 property訪問不了
console.log(document.getElementById('demo').getAttribute('tips')); //A
console.log(document.getElementById('demo').tips); //undefined
//tagName為對象本身內置
console.log(document.getElementById('demo').getAttribute('tagName')); //null
console.log(document.getElementById('demo').tagName); //null
</script>
</body>
</html>