var mydivEle = document.getElementById("mydiv"); //<div id="mydiv"></div>
alert(mydivEle);
//輸出:object HTMLDivElement【IE8只顯示Object,Chrome顯示object HTMLDivElement】
- alert(getElementById("mydiv").tagName) 語句會(huì)報(bào)錯(cuò)嗎? HTMLDivElement 有tagName這個(gè)屬性么弟断,它都有哪些屬性科乎?
會(huì)顯示標(biāo)簽名:DIV,此處返回的tagName都是大寫
那么HTMLElement還有什么其他屬性呢
繼承了Element\Node的屬性和方法
屬性:
className
currentStyle
dir
id
innerHTML
lang
offsetHeight,offsetWidth
offsetLeft,offsetTop
offsetParent
scrollHeight, scrollWidth
scrollTop, scrollLeft
style:返回為當(dāng)前元素設(shè)置內(nèi)聯(lián) CSS 樣式的 style 屬性的值茅郎,類型CSS2Properties。
title
方法:scrollIntoView()
- 如何修改getElementById()得到的div的樣式呢或渤?這個(gè)樣式又是通過 HTMLDivElement 的什么屬性or方法or子對(duì)象 訪問到的呢系冗?
document.getElementById("id").style.property="值"
- 注意
只有使用內(nèi)聯(lián)樣式,即直接把CSS寫在HTML元素的style屬性中
<div id="d1" style="width:100px;height:200px;"></div>
alert(document.getElementById('d1').style.width);//100px
否則瀏覽器只會(huì)返回空字符串薪鹦。詳細(xì)見此掌敬。其實(shí),最好還是使用JQuery池磁,簡(jiǎn)單快捷:$("d1").width()奔害,不用考慮是不是內(nèi)聯(lián)樣式。
然后地熄,這里想拋出個(gè)引子:其實(shí)JQuery中的 .width() 得到的并不是真正的 CSS 中的 width