博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【DOM编程艺术】动态创建标记(签)---创建和插入节点
阅读量:6323 次
发布时间:2019-06-22

本文共 896 字,大约阅读时间需要 2 分钟。

window.οnlοad=function(){    var para=document.createElement('p');    var info= 'nodeName:';    info += para.nodeName;    info += '  nodeType:';    info += para.nodeType;    alert(info);    //nodeName:P nodeType:1}

createElement用来创建元素节点

创建P元素后,P元素就像任何其他的节点一样有了自己的DOM属性。即nodeName和nodeType值

window.οnlοad=function(){    var para=document.createElement('p');    var testdiv=document.getElementById('testdiv');    testdiv.appendChild(para);    alert(testdiv.innerHTML); //

}

创建元素,后插入文档中

window.οnlοad=function(){    var para=document.createElement('p');    var testdiv=document.getElementById('testdiv');    testdiv.appendChild(para);    var txt=document.createTextNode('Hello world!');    para.appendChild(txt);    alert(testdiv.innerHTML); //

Hello world!

}

以上例子是按照以下顺序来创建和插入节点的:

(1)创建一个p元素

(2)将p元素插入到文档的一个元素节点上

(3)创建一个文本节点

(4)将文本节点插入到刚才创建的p元素节点上

转载于:https://www.cnblogs.com/positive/p/3665475.html

你可能感兴趣的文章
各大名企笔试及面经大全(程序猿必读)
查看>>
轨磁条简介
查看>>
如何设计高扩展的在线网页制作平台
查看>>
SpringBoot整合MyBatis
查看>>
Android 类库书签更新(一)
查看>>
简单的一条SQL,不简单的做事思维 NOT IN 、NOT EXISTS、LEFT JOIN用法差别 ...
查看>>
DataWorks:任务未运行自助排查
查看>>
「镁客早报」特斯拉裁员,马斯克解释没有办法;微软推出Azure DevOps赏金计划...
查看>>
centos 7.4 使用 pgxc_ctl 安装与使用
查看>>
【数据库】表分区
查看>>
img垂直水平居中与div
查看>>
订餐系统之同步美团商家订单
查看>>
CentOS 6.9通过RPM安装EPEL源(http://dl.fedoraproject.org)
查看>>
在网页中加入百度搜索框实例代码
查看>>
在Flex中动态设置icon属性
查看>>
采集音频和摄像头视频并实时H264编码及AAC编码
查看>>
3星|《三联生活周刊》2017年39期:英国皇家助产士学会于2017年5月悄悄修改了政策,不再鼓励孕妇自然分娩了...
查看>>
堆排序算法
查看>>
STM32的TAMPER-RTC管脚作为Tamper的使用[转]
查看>>
[记]一个逐步“优化”的范例程序
查看>>