當(dāng)前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
03JavaScript程序设计修炼之道-2019-06-20_20-31-49
生活随笔
收集整理的這篇文章主要介紹了
03JavaScript程序设计修炼之道-2019-06-20_20-31-49
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
## Dom Document object model 文檔對象模型 Dom樹 html | head body | | meta title div | ul | li li li 在js世界中，把dom樹的每個元素都看成一個對象，對象就有屬性和方法 dom學(xué)什么 dom節(jié)點操作 查找元素 元素增刪改查 樣式操作 事件綁定等 ## 事件 三要素 1 事件源 誰身上發(fā)生了事件 2 事件 具體的行為 如單擊、鼠標懸停、鍵盤按下... 3 事件處理 事件發(fā)生后導(dǎo)致什么結(jié)果 唐三藏念緊箍咒 打開電燈 js程序如何處理事件 ## 獲取頁面元素 document.getElementById("**"); document.getElementsByTagName("p"); document.getElementByName() document.getElementByClassName() Html5： document.querySelector() document.querySelectorAll() 7findEle.html <!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>
</head>
<body><p id="foo"></p><div name="foo"></div><ul><li class="demo">111</li><li>222</li><li class="demo">333</li></ul><div class="demo"></div><script>var oDiv = document.getElementsByName("foo");//console.log(oDiv instanceof Object T , Array F);
oDiv[0].style.color = "blue";// ie9以后才支持var eles = document.getElementsByClassName("demo");console.log(eles.length);//3// querySelector querySelectorAll H5高版本瀏覽器常用選擇器var p1 = document.querySelector("#foo");console.log(p1);var eles2 = document.querySelectorAll(".demo");console.log(eles2);</script>
</body>
</html>
?
?
轉(zhuǎn)載于:https://www.cnblogs.com/HiJackykun/p/11093730.html
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎總結(jié)
以上是生活随笔為你收集整理的03JavaScript程序设计修炼之道-2019-06-20_20-31-49的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 梦到狮子和猫是什么意思
- 下一篇： Spring.net的一个小例子