HTML js 复习

<a href="#top" target="_self">返回顶部</a> 返回页面顶部代码

 打印js对象方法

function writeObj(obj){ 
        var description = ""; 
        for(var i in obj){   
            var property=obj[i];   
            description+=i+" = "+property+"\n";  
        }   
        alert(description); 
}
writeObj(callbackObj);

判断浏览器是否支持javascript

if(!document.getElementById || !document.createTextNode){return;}

dom复习

访问文档中的元素
    document.getElementById('id'):获取给定id的元素,并将其作为对象
    document.getElementsByTagName('tagname'):获取所有标签名为tagname的元素,并把它保    存在一个类似数组的列表中
读取元素的属性,节点值及其他节点数据
    node.getAttribute('attribute'):获取属性名为attribute的值
    node.setAttribute('attibute','value')设置属性名为attribute的值为value
    node.nodeType:读取节点类型(1=元素,3=文本节点)
    node.nodeName:读取节点名称(元素名字或#textNode)
    node.nodeValue:读取或设置节点的值(文本节点的情况下则为文本内容)
节点之间的操作
    node.previousSibling:获取上一个兄弟节点,并将它保存为一个对象
    node.nextSibling获取下一个兄弟节点,并将它保存为一个对象
    node.childNodes:获取对象的所有子节点,并将它们存储在一个列表中,对于第一个和最后    一个子节点,还可以使用node.firstChild和node.lastChild进行简写
    node.parentNode获取包含node的节点
创建新节点
    document.createElement(element):创建一个名字为element的新元素,需要提供一个字符串    形式的元素名
    document.createTextNode(string)创建一个节点值为string的文本节点
    newNode=node.cloneNode(bool)创建newNode节点作为node的副本。如果bool值为true,    这个克隆将包括原节点的所有子节点和属性的克隆
    node.appendChild(newNode)将newNode作为子节点,添加在node所有子节点之后
    node.insertBefore(newNode,oldNode)在node节点的子节点oldNode之前插入newNode
    node.removeChild(oldNode)移除node节点的子节点oldNode
    node.replaceChild(newNode,oldNode)使用节点newNode替换node节点的子节点oldNode
    element.innerHTMl读写给定element的HTMl内容,它是一个字符串,包括所有子节点及    他们的属性和文本内容

 

posted @ 2017-11-21 11:56  雨落知音  阅读(151)  评论(0编辑  收藏  举报