zoukankan      html  css  js  c++  java
  • Javascript之DOM(Element类型)

    访问元素的标签名 
    1
    2
    3
    4
    <div id="myDiv">text</div>
      
    var div=getElementById("myDiv");
    alert(div.tagName);   //"DIV",HTML中标签名是大写的

    1.HTML元素

    2.取得特性

    1
    2
    3
    var div=document.getElmentById("myDiv");
    alert(div.getAttribute("id"));  //"MyDiv"
    alert(div.getAttribute("class")); //""bd

    3.设置特性

    1
    2
    3
    var div=document.getElmentById("myDiv"); 
    div.setAttribute("id","someDiv");
    div.setAttribute("class","ss");

    4.attributes属性

    Element类型是使用attributes属性的唯一一个DOM节点类型。attributes属性中包含一个NamedNodeMap的集合。

    通过attributes属性,获取、设置、移除元素的特性

    1
    2
    3
    4
    5
    6
    7
    var div = document.getElementById("myDiv"); 
    //取得元素特性 
    alert(div.attributes["id"].nodeValue); //"myDiv" 
    //设置元素特性 
    div.attributes["id"].nodeValue = "myDiv2"; //id改为"myDiv2" 
    //移除元素特性 
    div.attributes.removeNamedItem("class"); //移除class特性

    5.创建元素

    使用document.createElement()方法可以创建新元素。

    1
    var div=document.createElement("div");




  • 相关阅读:
    asp.net web生命周期
    图的数据结构1
    最长公共子串
    内部排序

    棋盘覆盖问题
    队列
    矩阵连乘问题
    图的数据结构2
    旅行售货员问题
  • 原文地址:https://www.cnblogs.com/zxj159/p/3123628.html
Copyright © 2011-2022 走看看