JavaScript--Document对象方法createElement()和createTextNode()

最新推荐文章于 2024-05-28 00:30:00 发布
最新推荐文章于 2024-05-28 00:30:00 发布
阅读量709 收藏 1
点赞数
文章标签： javascript 前端 ViewUI
原文链接：http://www.cnblogs.com/fengfuwanliu/p/10173147.html
版权

createElement() 方法通过指定名称创建一个元素

createTextNode() 可创建文本节点

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            window.onload=function(){
                //根据id获得对象
                var firstdiv=document.getElementById("firstdiv");
                //创建元素对象
                var h1=document.createElement("h1");
                //创建文本对象
                var content=document.createTextNode("Hello World!");
                //添加对象到相应的节点
                h1.appendChild(content);
                firstdiv.appendChild(h1);
            }
        </script>
    </head>
    <body>
        <div id="firstdiv"></div>
    </body>
</html>

 

转载于:https://www.cnblogs.com/fengfuwanliu/p/10173147.html

anqi771129
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript createElement()创建input不能设置name属性的解决方法
12-01
其中obj.name = “select”;这句话并不能起到预期的作用，无论是看生成后的HTML代码还是观察使用document.getElementsByName()获取的数组长度，都会发现这个name设置并没有起作用。当然这种情况只出现在IE6和IE7中，而在FireFox中是没有问题的。 　 　　Test 　 　 　　 　　 　　 　　 　 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 　　当然解决方法很简单，在创建时，使用document.createElement(“<input name=’select’>”)。不过还不知道是什么原因？ 　　在Name属性的
JavaScript — 原生对象和方法1
08-08
在本篇文章中，我们将深入探讨JavaScript中的原生对象和方法，特别是与DOM操作相关的部分。 首先，`documentElement` 是一个属性，用于获取HTML文档的根元素，通常是`<html>`标签。它是`document`对象的一部分，...
JavaScript基础学习 创建元素innerHTML和createElement
柠檬味小发糕的博客
12-18 528
JavaScript基础学习 创建元素innerHTML和createElement <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible
Javascript 创建新节点 document.createElement()
最新发布
大剑师兰特的GIS世界
05-28 1132
在JavaScript中，创建新节点是DOM操作的重要组成部分，它允许你动态地向文档中添加内容。以下是创建新节点的详细说明、示例代码、注意事项以及常见应用场景。
JavaScript DOM创建元素节点（createElement）创建文本节点（createTextNode）创建注释节点createComment
编程界明世隐的博客
12-16 2051
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> </head> <body> <div id="box"> </div> </bo...
JavaScript之append、appendChild、innerText、innerHTML与textConten的区别、getTime、createElement、createTextNode
软件毕设协助及软件开发、IT、程序、编程、程序员、写代码、工程师、互联网、物联网、技术栈、软件开发、硬件开发、计算机科技、智慧电子模块。
06-28 5097
JavaScript之append、appendChild、innerText、innerHTML与textConten的区别、getTime、createElement、createTextNode
JavaScript文本特效实例小结
weixin_33851177的博客
12-25 146
1、标题跑马灯 常常能够在一些新闻网站，或者其他地方，看到文字在一个特定的区域内，来回滚动。一旦超出边界就消失了，那么这些效果是如何做到的呢，今天我们就来讲讲。 图示效果： 源代码： <!doctype html> <html> <head> <meta charset="utf-8">...
JS document对象简单用法完整示例
10-15
本篇文章将详细讲解`document`对象的一些基础用法，包括直接和间接获取页面元素的方法。 1. **直接获取对象** - `getElementById()`：通过元素的ID获取特定元素。例如： ```javascript var element = document....
Javascript-DOM
03-26
- **创建节点**：`document.createElement()`, `document.createTextNode()`。 - **插入节点**：`appendChild()`, `insertBefore()`, `replaceChild()`。 - **删除节点**：`removeChild()`。 - **查找节点**：`...
JavaScript-DOM:JS学习者使用JavaScript DOM的最小项目
04-27
1. **创建（Create）**: 在DOM中创建新元素通常涉及`document.createElement()`方法。例如，你可以创建一个新的`<div>`元素，然后添加属性或子节点。例如： ```javascript let newDiv = document.createElement('...
JavaScript window.document的属性、方法和事件小结
12-04
总结来说，`window.document`是JavaScript中用于操纵HTML文档的核心对象，提供了丰富的属性、方法和事件来创建、修改和操作DOM结构，以及响应用户交互。理解和掌握这些特性对于任何前端开发者来说都是至关重要的。
JavaScript基础：动态操作元素（createElement、appendChild、insertBefore、removeChild等方法的应用）
Alley_Olive的专栏
07-07 2605
JavaScript基础：动态操作元素（方法：createElement、appendChild、insertBefore、removeChild，属性：firstChild、lastChild、childNodes）
JavaScript三种动态元素创建的区别：document.write()；element.interHTML（）；document.createlement()
11-20 1587
JavaScript三种动态元素创建的区别：document.write();element.interHTML（）；document.createlement()
javascript的createElement用法
11-26 2294
javascript的createElement用法var o = document.body;//创建链接function createA(url,text){    var a = document.createElement("a");    a.href = url;    a.innerHTML = text;    a.style.color = "red";    o.appendC
【JavaScript】document对象的方法
林伊的博客
02-21 3537
1.getElementById方法 Document.getElementById(ElementId) 通过标签的id属性查找标签dom对象，elementId是标签的id属性值。 例子：用户名必须有数字，字母，下划线组成；并且长度是5-12位。 如何验证字符串是否符合某个规则，需要使用正则表达式。test()方法用于测试某个字符串，是不是匹配规则，匹配就返回true,不匹配就返回false。 <!DOCTYPEhtml> <html> <head&g.
JavaScript 创建元素
m0_55201788的博客
01-15 2056
三种创建元素方式 document.write () element .innerHTML document.createElement () 1. document.write是直接将内容写入页面的内容流，但是文档流执行完毕，则它会导致页面全部重绘（重新加载一个新的只包含该内容的页面） 2. innerHTML是将内容写入某个DOM节点，不会导致页面全部重绘 3. innerHTMr创建多个元素效率更高（不要拼接字符串，采取数组形式拼接），结构稍微复杂 4. createElement ()创..
javascript当中createElement的用法
qq_43650923的博客
10-20 2977
例 1.2（CreateP&InputIEFF.html） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <style type="text/css"> .test { background:#0000FF; } </st...
常见的原生javascript DOM操作
weixin_34121304的博客
12-01 369
打个招聘广告： 杭州 阿里巴巴B2B 招前端（想去西溪的也可帮推荐），比较缺人，机会多多！广告位长期有效，有兴趣简历我邮箱：854936875@qq.com 看图识文（取自 寒冬winter 的微博）。文章里引用了MDN和《javascript高级程序设计3》里的知识。如有不对的地方，敬请指出。 1.创建元素 创建元素：document....
javaScript中createElement案例
程宇寒
12-08 4010
javaScript中createElement案例 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;createElement案例,雪豹软件工作室&lt;/title&gt; &lt;link rel="stylesheet" t
js中document对象方法
04-28
JavaScript中document对象有很多方法，以下是一些常见的方法： 1. getElementById(id)：通过元素id获取元素对象。 2. getElementsByClassName(className)：通过类名获取元素对象数组。 3. getElementsByTagName...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值