JavaScript_HTML DEMO_3_节点

创建新的HTML元素

删除已有的HTML元素

<body>

    <div id="div1">
        <p id="p1">这是一个段落</p>
        <p id="p2">这是另一个段落</p>
    </div>

    <script>
        //创建新的HTML元素
        //如需向HTML DOM添加元素,您必须首先创建该元素(元素节点),然后向一个已存在的元素追加该元素。
        var para = document.createElement("P");
        var node = document.createTextNode("这是新段落。");
        para.appendChild(node);

        var element = document.getElementById("div1");
        element.appendChild(para);

        //删除已有的HTML元素
        //如需删除HTML元素,您必须首先活得改元素的父元素
        var parent = document.getElementById("div1");
        var child = document.getElementById("p1");
        parent.removeChild(child);
    </script>

</body>
时间: 2024-10-06 13:04:05

JavaScript_HTML DEMO_3_节点的相关文章

Puppet node节点的特性(十二)

前言: 生产机器很多通常会新建nodes.pp文件和site.pp文件平级,存放于/etc/puppet/manifests/nodes.pp文件,这种方法比较常用.当然也有其他办法直接写入site.pp文件. nodes.pp文件主机匹配,支持正则表达式和继承. //:正则匹配 "":精确匹配 inherits:继承 实例: 先正则匹配然后在精确匹配. node /sh-(proxy|web)\d+/ {   case $::hostname {     "sh-proxy

查找结点,创建节点,插入节点

1.查找节点介绍 2.创建节点 3.插入节点 4.程序(查找,并操作属性与文本节点) 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Insert title here</title> 6 <script type="text/javascript" src="jquery-3.2.1.m

8个节点,每个节点上布置6个ROS,组装都用250,读出都用251,事例率为645.3Hz

组装都用250网段,读出都用251网段.除了黄色部分以外的节点都是cmm03节点. 平均事例率为:645.26Hz, ros所在节点的cpu idle 为17%.

如何将zTree选中节点传递给后台

获取zTree选中节点 1 <body> 2 3 <script type="text/javascript"> 4 var setting = { 5 view: { 6 dblClickExpand: false, 7 showLine: true, 8 }, 9 check: { 10 enable: true, //必选项 11 chkboxType: { "Y": "p", "N": &quo

删除链表中的指定元素节点

Remove all elements from a linked list of integers that have valueval. Have you met this question in a real interview? Yes Example Given 1->2->3->3->4->5->3, val = 3, you should return the list as1->2->4->5 要注意开始的节点是否是要删除节点,还有中间

BOM的节点方法和属性

一.HTML DOM >>>>>>>>>>>>>>>>>>>>具体可以参考W3SCHOOL中的讲解,接下来我会结合W3SCHOOL和本人总结的一些实例供大家理解. HTML 的标准对象模型 HTML 的标准编程接口 W3C 标准 HTML DOM 定义了所有 HTML 元素的对象和属性,以及访问它们的方法. 换言之,HTML DOM 是关于如何获取.修改.添加或删除 HTML 元素的标准

变更路线节点。妈妈,我的强迫症有救啦!

UE里面布置蓝图对于一通乱七八糟的线无限闹心. 好在有工具,我终于不用放弃治疗啦. 1. 布线好帮手:变更路线节点 Reroute Node 2.为选中选项创建注释 缩小了蓝图一块一块的,看起来模块清晰,(大main函数程序狗救星) 3. 节点注释 文盲好帮手,看完就忘了什么意思,不要紧,写段中文注释压压惊 4. 合并成节点 Collapse To Node 来一场说合体就合体的恋爱.简单粗暴,把选中的节点合并到一起.解压缩还会复原到原位哦,你值得拥有 5. 合并成宏 Collapse To M

ztree复选框,过滤节点的机制

//过滤节点的机制 直接return node表示不做任何过滤 //return node.checked==true;表达选择框的节点 function filter(node) {return node;} ///动态设置zTree的所有节点有checkboxfunction DynamicUpdateNodeCheck() { var zTree = $.fn.zTree.getZTreeObj("treeDemo"); //根据过滤机制获得zTree的所有节点         

dom中一些节点获取和增改

1获取标签里的文本对象: 对象.innerText 获取标签里的文本内容     早期的火狐浏览器中是不支持的 赋值会输出转义后的内容 对象.innerHTML 获取标签里的所有内容 赋值会输出原样 都兼容 对象.textContent 获取标签里的文本内容   IE8之前包括ie8不支持  2 自定义属性 自定义属性 js无法通过点的方式获得 对象.getAttribute("属性名")  得到自定义属性对象 对象.setAttribute("属性名",”属性值“