多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

中國最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2

javascript教程

JavaScript 教程

JS 函數

JS HTML DOM

JS 高級教程

JS 瀏覽器BOM

JS 庫

JS 實例

拓展閱讀

HTML DOM

閱讀 (2377)

JavaScript HTML DOM


通過 HTML DOM,可訪問 JavaScript HTML 文檔的所有元素。


HTML DOM (文檔對象模型)

當網頁被加載時,瀏覽器會創建頁面的文檔對象模型(Document Object Model)。

HTML DOM 模型被構造為對象的樹:

HTML DOM 樹

DOM HTML tree

通過可編程的對象模型,JavaScript 獲得了足夠的能力來創建動態的 HTML。

  • JavaScript 能夠改變頁面中的所有 HTML 元素
  • JavaScript 能夠改變頁面中的所有 HTML 屬性
  • JavaScript 能夠改變頁面中的所有 CSS 樣式
  • JavaScript 能夠對頁面中的所有事件做出反應

查找 HTML 元素

通常,通過 JavaScript,您需要操作 HTML 元素。

為了做到這件事情,您必須首先找到該元素。有三種方法來做這件事:

  • 通過 id 找到 HTML 元素
  • 通過標簽名找到 HTML 元素
  • 通過類名找到 HTML 元素

通過 id 查找 HTML 元素

在 DOM 中查找 HTML 元素的最簡單的方法,是通過使用元素的 id。

本例查找 id="intro" 元素:

實例

var x=document.getElementById("intro");

嘗試一下 ?

如果找到該元素,則該方法將以對象(在 x 中)的形式返回該元素。

如果未找到該元素,則 x 將包含 null。


通過標簽名查找 HTML 元素

本例查找 id="main" 的元素,然后查找 id="main" 元素中的所有 <p> 元素:

實例

var x=document.getElementById("main");
var y=x.getElementsByTagName("p");

嘗試一下 ?


通過類名找到 HTML 元素

本例通過 getElementsByClassName 函數來查找 class="intro" 的元素:

實例

var x=document.getElementsByClassName("intro");

嘗試一下 ?


HTML DOM 教程

在本教程接下來的篇幅中,您將學到:

  • 如何改變 HTML 元素的內容 (innerHTML)
  • 如何改變 HTML 元素的樣式 (CSS)
  • 如何對 HTML DOM 事件對出反應
  • 如何添加或刪除 HTML 元素

javascript DOM知識腦圖

關閉
程序員人生
主站蜘蛛池模板: 噜噜噜噜噜视频在线观看 | 国内精品久久国产大陆 | 国产成人欧美 | 久久是精品 | 国产成人久久精品激情91 | 欧美日韩一| 欧美日韩高清观看一区二区 | 精品国产一区二区三区不卡在线 | 国产福利二区 | 国产精品va在线观看手机版 | 97影院午夜在线观看琪琪 | 手机看片高清日韩精品 | 一级毛片在线不卡直接观看 | 青青草原手机在线视频 | 丁香五月好婷婷深深爱 | 欧美一级性生活视频 | 毛片网站免费 | 亚洲精品免费在线 | 欧美一区二区三区免费不卡 | 叼嘿视频在线观看 | 午夜视频在线观看视频 | 国产中的精品suv一区二区 | 国产大片免费天天看 | 激情区小说区偷拍区图片区 | 18岁禁免费网站 | 欧美另类网 | 欧美专区亚洲专区 | 成年人在线观看视频免费 | 日本特黄的免费大片视频 | 亚洲人成网址在线播放a | 国产欧美在线观看视频 | 国产高清国产精品国产k | 欧美另类z0z000高清 | 亚洲产在线精品第一站不卡 | 免费国产阿v视频在线观看 免费国产成高清人在线视频 | 波多野结衣在线视频免费观看 | 校园亚洲春色另类小说合集 | 亚洲精品国产自在久久老牛 | 欧美真人视频一级毛片 | 国产成人三级经典中文 | 国产免费午夜a无码v视频 |