js笔记4内置对象
2016-07-17 13:28
471 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p id="pid" name="pn">hello</p> <p name="pn">hello</p> <p name="pn">hello</p> <p name="pn">hello</p> <a id="aid" title="得到了a标签的属性">hellooooo <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> <div id="div"> <p id="pid2">div的p元素</p> </div> </a> <script> function getName() { var count = document.getElementsByName("pn"); alert(count.length); var p=count[2]; p.innerHTML="world"; } getName(); function getName() { var count = document.getElementsByTagName("p"); alert(count.length); var p=count[2]; p.innerHTML="world"; } getName(); function getAttr(){ var anode=document.getElementById("aid"); var attr=anode.getAttribute("title"); alert(attr); } getAttr(); function setAttr(){ var anode=document.getElementById("aid"); anode.setAttribute("title","titleeeee动态设置"); var attr=anode.getAttribute("title"); alert(attr); } setAttr(); function getChildNode(){ var childnode =document.getElementsByTagName("ul")[0].childNodes; alert(childnode.length); alert(childnode[2].nodeType); } getChildNode(); function getParentNode(){ var div=document.getElementById("pid"); alert(div.parentNode.nodeName); } getParentNode(); function createNode(){ var body=document.body; var input=document.createElement("input"); input.type="button"; input.value="按钮" body.appendChild(input); } createNode(); function addNode(){ var div=document.getElementById("div"); var node=document.getElementById("pid2"); var newnode=document.createElement("p"); newnode.innerHTML="动态添加第一个元素"; div.insertBefore(newnode,node); } addNode(); function removeNode(){ var div=document.getElementById("div"); var p=div.removeChild(div.childNodes[1]); } removeNode(); function getSize() { var width = document.body.offsetWidth||document.documentElement.offsetWidth; var height = document.documentElement.offsetHeight; alert("width" + width + "height" + height); } getSize(); </script> </body> </html>
相关文章推荐
- JS简单实现括号匹配问题
- JSP补充
- Java与JavaScript中判断两字符串是否相等的区别
- Json本地校验工具--HiJson
- js总结
- js笔记3
- JSP学习笔记之一
- json数据拼接和foreach参数问题
- javascript中的错误处理机制
- javascript字符串和数组转换
- Javascript-网页编程-DHTML-表格创建/删除/设置/排序
- 初识JavaScript
- js 将json字符串转换为json对象的方法解析
- javascript面向对象学习笔记(二)——创建对象
- JS绑定事件的三种方式
- JS实现多少小时前,多少天前...
- js 数组去重
- JavaScript两个数字相加的问题
- javascript闭包
- JavaScript触屏滑动API介绍