獲取標簽屬性和內容
DOM物件將標簽的屬性和內容封裝成了物件的屬性
<div id = "div">我是一個div <span>我是span</span> </div>
<script> var box = document.getElementById('div'); console.dir(box); //內部包含標簽的屬性和內容，內容也被封裝成div物件的一個屬性，通過innerHTML和innerText兩個屬性可獲取標簽之間的內容，innerHTML會取到div中所有內容，包括內部的span標簽，換行等原封不動獲取到，而innerText只會獲取的標簽的內容，不獲取標簽 console.log(box.innerHTML); console.log(box.innerText);
</script>
innerHTML:因為innerHTML是包含標簽的，所以可以通過inner HTML對想要改變的內容加入標簽
innerText:在其內容中有標簽的話，會直接在網頁上列印出來
//b標簽使內容加粗 box.innerHTML = '<b>我愛學習</b>,學習使我快樂！';
HTML轉義符：
" "
, '
& &
< <
> >
空格
判斷一個屬性是否存在：
console.log(typeof box.a) //存在回傳該屬性的型別，不存在回傳undefined
HTML標簽屬性只有一個值的屬性，DOM中對應的元素的屬性值是布爾型別的，比如表單元素屬性： disabled(禁用屬性)，checked(復選框選中屬性)，selected(下拉選單選中屬性)
獲取焦點事件：onfocus
失去焦點事件：onblur
自定義屬性：
HTML標簽自定義屬性，前提是標簽不具備這個屬性，<div age=12></div>
獲取自定義屬性：自定義屬性用正常的DOM方法無法獲取到，需要object.getAttribute('自定義屬性名')來獲取
<div age=12 id='ww'></div> <script> ww = document..getElementById('ww'); console.log(ww.getAttribute('age')); //獲取到自定義屬性age的值 </script>
設定添加自定義屬性：一般不這么用，都在標簽中自行添加
box.setAttribute('name', 'zhangsan');
移除自定義屬性：
box.removeAttribute('age');
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/285932.html
標籤：JavaScript