當(dāng)前位置：
首頁(yè) >
前端技术
> javascript
>内容正文
javascript
03JavaScript程序设计修炼之道-2019-06-20_20-31-49
生活随笔
收集整理的這篇文章主要介紹了
03JavaScript程序设计修炼之道-2019-06-20_20-31-49
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
## Dom Document object model 文檔對(duì)象模型 Dom樹(shù) html | head body | | meta title div | ul | li li li 在js世界中，把dom樹(shù)的每個(gè)元素都看成一個(gè)對(duì)象，對(duì)象就有屬性和方法 dom學(xué)什么 dom節(jié)點(diǎn)操作 查找元素 元素增刪改查 樣式操作 事件綁定等 ## 事件 三要素 1 事件源 誰(shuí)身上發(fā)生了事件 2 事件 具體的行為 如單擊、鼠標(biāo)懸停、鍵盤(pán)按下... 3 事件處理 事件發(fā)生后導(dǎo)致什么結(jié)果 唐三藏念緊箍咒 打開(kāi)電燈 js程序如何處理事件 ## 獲取頁(yè)面元素 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)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的03JavaScript程序设计修炼之道-2019-06-20_20-31-49的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 梦到狮子和猫是什么意思
- 下一篇： Spring.net的一个小例子