JavaScript第四天:HTML DOM

寫在前面:昨天估計是眼疾換了,鄙人居然將DOM是今天的學習課程看差了行,昨天還說是對象的學習。233333今天繼續(xù)學習js,新東西。DOM

先說一下昨日要聞:美國退出百年歷史的世界萬國郵政。

HTML DOM

通過html dom可以獲取HTML 文檔中的所有元素



通過可編程的對象模型,JavaScript 獲得了足夠的能力來創(chuàng)建動態(tài)的 HTML。

JavaScript 能夠改變頁面中的所有 HTML 元素

JavaScript 能夠改變頁面中的所有 HTML 屬性

JavaScript 能夠改變頁面中的所有 CSS 樣式

JavaScript 能夠對頁面中的所有事件做出反應

查找 HTML 元素

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

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

通過 id 找到 HTML 元素

通過標簽名找到 HTML 元素

通過類名找到 HTML 元素


比劃一下:

1、通過id獲取HTML元素

var p = document.getElementById("pid");

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

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

2、通過類獲取

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

看下圖基本的使用。


抄的

改變HTML的內容:

語法:document.getElementById(id).innerHTML=new HTML

for example :

<p id="p1">Hello World!</p>

<script>

document.getElementById("p1").innerHTML="New text!";

</script>


哎,星期五了,居然沒有心思學習了。。。真是的。。。。先發(fā)布吧,明天看看心情能不能改。。。

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • ??DOM(文檔對象模型)是針對 HTML 和 XML 文檔的一個 API(應用程序編程接口)。 ??DOM 描繪...
    霜天曉閱讀 3,866評論 0 7
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標準。 注意:講述HT...
    kismetajun閱讀 28,815評論 1 45
  • 通過 HTML DOM,可訪問 JavaScript HTML 文檔的所有元素。 HTML DOM (文檔對象模型...
    圣賢與無賴閱讀 449評論 0 3
  • 一、JS前言 (1)認識JS 也許你已經(jīng)了解HTML標記(也稱為結構),知道了CSS樣式(也稱為表示),會使用HT...
    凜0_0閱讀 2,922評論 0 8
  • ??盡管 DOM 作為 API 已經(jīng)非常完善了,但為了實現(xiàn)更過的功能,仍然會有一些標準或專有的擴展。 ??2008...
    霜天曉閱讀 551評論 0 0

友情鏈接更多精彩內容