javaScript的DOM

時間 2019-11-13

標籤 javascript dom 欄目 JavaScript 简体版

原文原文鏈接

DOM是Document Object Model的縮寫，簡稱文檔對象模型javascript

經過 HTML DOM，可訪問 JavaScript HTML 文檔的全部元素。java

1、訪問HTML元素節點code

1.經過 id 訪問 HTML 元素對象

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

使用document.getElementById方法訪問HTML元素圖片

若是找到該元素，則該方法將以對象（在 x 中）的形式返回該元素。ip

若是未找到該元素，則 x 將包含 null。文檔

2.經過標籤名訪問 HTML 元素get

document.getElementsByTagNameit

3.經過類名訪問 HTML 元素

document.getElementsByClassName

<head>

<title></title>

<p id="demo" class="hello">你好</p>

<p id="test">世界</p>

<script type="text/javascript">

//id

var p1=document.getElementById("demo");

console.log(p1);

var res1=p1.innerHTML;

console.log(res1);

//標籤名

var p2=document.getElementsByTagName("p");

console.log(p2);

var res2=p2[1].innerHTML;

console.log(res2);

//類名

var p3=document.getElementsByClassName("hello");

var res3=p3[0].innerHTML;

console.log(res3);

</script>

3、改變HTML內容

1.改變 HTML 輸出流

經過document.write直接改變HTML頁面的內容

document.write("hello");

2.改變 HTML 內容

經過innerHTML屬性直接修改HTML的內容

document.getElementById("demo").innerHTML="51code";

3.改變HTML樣式

document.getElementById("test").style.background="red";

相關文章

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<