zoukankan      html  css  js  c++  java
  • JavaScript 、jQuery动态创建元素的关键字~

    JavaScript动态创建元素:

    1、创建元素  如:a 标签

      var alink= document.createElement("a");

    2、j添加元素属性

      alink.href= "http://www.abc.com";

      alink.target="_blank";

          或者 alink.setAttribute("href", "http://www.abc.com");//设置属性href值为 http://www.abc.com

    3、将创建的元素添加到 id为id 的元素下

      getElementById("#id").appendChild(alink);

    补充:创建表 table

    var table= document.createElement("table");

    var row= table.isertRow(-1);//(-1)表示在最后 添加一行row(tr)到table

    var td1= row.insertCell(-1)(-1)表示在最后 添加一行cell(td)到tr

    ducument.body.addendChild(table);将table 添加到body

    jQuery动态创建元素:

    1、创建元素 及添加属性  如:a 标签

      var alink = $("<a href="http://www.abc.com" target="_blank"  title="这是一个链接">");

    2、将创建的元素添加到 id为id 的元素下

      $("#id").append(alink); //被动添加

    以上(1、2、)两步代码等同于:

    $("<a href="http://www.abc.com" target="_blank"  title="这是一个链接">").appendTo("#id"); //主动添加

    注:关键字

    1、propend/propendTo将创建的元素追加添加到该元素的内部的元素前面(即作为下级级元素)

    2将创建的元素追加添加到该元素的内部的元素后面 (即作为下级级元素)

    3、before/insertBefore将创建的元素追加添加到该元素前面(即作为兄弟级元素)

    4、after/insertAfter将创建的元素追加添加到该元素后面(即作为兄弟级元素)

  • 相关阅读:
    HTML CSS3 手风琴菜单
    python代码- post请求图片上传
    python 一行代码生成 二维码
    Jenkins 中定时任务构建
    Jenkins 常用插件
    window系统,GitLab 远程与本地 SSH 认证连接
    Jmeter+Maven+Jenkins+Git接口自动化流程
    jmeter 响应中有中文乱码问题,解决
    Excel文件导入功能 用例设计思路
    Jmeter01 -mac下的安装
  • 原文地址:https://www.cnblogs.com/jicheng/p/5939993.html
Copyright © 2011-2022 走看看