javascript当中createElement的用法

最新推荐文章于 2023-11-09 09:20:03 发布
最新推荐文章于 2023-11-09 09:20:03 发布
阅读量923 收藏 1
点赞数
分类专栏： javascript 文章标签： javascript  createTextNode   appendChild   className   createElement 
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mark_to_win/article/details/88680323
版权

例 1.2（CreateP&InputIEFF.html）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<style type="text/css">
.test {
    background:#0000FF;
}
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
window.οnlοad=function(){
var para = document.createElement("p");             
/*马克-to-win：the following statement para.innerHTML="qixy"; also can work.*/
//    para.innerHTML="qixy";
var message = document.createTextNode("hello world");
para.appendChild(message);
    para.className="test";
 /* we must use the following statement, use document.appendChild(para); is wrong.马克-to-win：因为document里同时有head元素和body元素*/
document.body.appendChild(para);
/*the following statement totally can work.*/

    var in1 = document.createElement("input");
    in1.value="abc";
    in1.id = "in1id"
    document.body.appendChild(in1);
    alert(""+document.getElementById("in1id").value);

}
//-->
</SCRIPT>
</HEAD>

<BODY>

</BODY>
</HTML>

更多请见：https://blog.csdn.net/qq_43650923/article/details/102652111

mark_to_win
关注
专栏目录
浅谈javascript中createElement事件
10-25
在探讨JavaScript编程时，`createElement` 事件是一个核心概念，它是HTML与W3C DOM对象模型交互的基础。...掌握`createElement` 的使用方法，理解其背后的DOM操作机制和浏览器兼容性问题，是前端开发人员的必备技能。
DOM-文档对象模型
weixin_62520626的博客
01-13 350
Document文档对象中的属性和方法 Element元素对象 事件 1.文档对象模型的概念和组成 概念：将标记语言文档的各个组成部分 封装为对象 组成： * Document：文档对象 * Element:元素对象 * Attribute：属性对象 * Text：文本对象 * Comment：注释对象 * Node：节点对象 ...
JS中document.createElement()的用法
热门推荐
【Erica W】有问题，就问神奇海螺吧！
11-12 1万+
分析代码时，发现自己的盲点——document.createElement()，冲浪一番，总结了点经验。 document.createElement()是在对象中**创建一个对象**，要与appendChild() 或 insertBefore()方法联合使用。其中，appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore() 方法在节点的子节点列表任意位置插
javascript的createElement用法
11-26 2329
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
js中createElement的使用
乘风破浪
02-21 9612
//创建form var _form=document.createElement_x('form'); _form.setAttribute('name','myform'); _form.setAttribute('action',''); _form.setAttribute('method','post'); //创建表 var _table=document.createEl
javascript中createElement的两种创建方式
10-24
JavaScript 中的 `createElement` 方法是 DOM (文档对象模型) 的一个核心功能，它允许开发者动态地创建 HTML 元素，并将其添加到网页文档中。本文将介绍 `createElement` 方法的两种不同创建方式，这两种方式各有其...
javascript createElement()创建input不能设置name属性的解决方法
10-29
在JavaScript中，`document.createElement()`方法用于动态创建HTML元素，这对于构建动态网页和富客户端应用非常有用。然而，当你尝试为创建的`<input>`元素设置`name`属性时，可能会遇到一些兼容性问题，特别是在旧...
JavaScript中this关键字使用方法详解
10-31
### JavaScript中this关键字使用方法详解 #### 一、引言 在面向对象编程语言中，`this`关键字是一个非常常见的概念。例如，在C++、C#和Java等语言中都有提供这一关键字，尽管初学时可能会觉得有些难度，但一旦理解...
js createElement()，setAttribute()用法
wu118765783的博客
09-19 4004
大家好，我是wu118765783
js中的window对象
YAYA776的博客
03-03 696
浏览器对象模型（Browser Object Model (BOM)）允许 JavaScript 与浏览器对话。 不存在浏览器对象模型（BOM）的官方标准。 现代的浏览器已经（几乎）实现了 JavaScript 交互相同的方法和属性，因此它经常作为 BOM 的方法和属性被提到。 Window 对象 window对象是BOM中所有对象的核心。 所有浏览器都支持 window 对象。它代表浏览器的窗...
JavaScript基础：动态操作元素（createElement、appendChild、insertBefore、removeChild等方法的应用）
Alley_Olive的专栏
07-07 2789
JavaScript基础：动态操作元素（方法：createElement、appendChild、insertBefore、removeChild，属性：firstChild、lastChild、childNodes）
createElement
qiaoyuetian博客访谈
11-05 692
createElement 创建 HTML 元素，在 IE4.0 中只能创建 img、area、option，不过在 IE5 中，我们可以创建除 frame、iframe 以外的所有元素。语法：oElement = document.createElement(sTag)sTag 要创建的元素名字，如：img、select、input，字符串类型。返回值：返回新元素的引用。
createElement的用法
最新发布
如果相遇，那么你好哦~
11-09 5136
document.createElement()是在对象中创建一个对象，要与appendChild() 或 insertBefore()方法联合使用。其中，appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore() 方法在节点的子节点列表任意位置插入新的节点。
JS--JavaScript元素节点Element特性、访问元素（getElementById、getElementByTagName）、创建元素createElement
吴声子夜歌的博客
09-26 2253
元素节点 Element类型是最常用的节点类型，它具有以下特征： nodeType值为1 nodeName值为元素的标签名称，也可以使用tagName属性。在HTML中，返回标签名始终为大写，在脚本中比较需要全部小写化：if(element.tagName.toLowerCase() == “div”){} nodeValue值为null parentNode是Document或Element类...
document.createElement()用法及注意事项 01
William Lin 的专栏
02-20 2195
document.createElement()用法及注意事项2008-11-25 20:24document.createElement 用法及注意事项2008-09-02 14:20document.createElement()用法及注意事项今天处理了一个日期选择器的ie和ff的兼容问题，本来这种情况就很难找错误，找了好久才把错误定
document.createElement()的用法
aeon521730041的博客
09-01 2892
分析代码时，发现自己的盲点——document.createElement()，冲浪一番，总结了点经验。 document.createElement()是在对象中创建一个对象，要与appendChild() 或 insertBefore()方法联合使用。其中，appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore()...
js之DOM操作（创建元素节点createElement）
web前端菜鸟工程师
09-21 6057
创建元素节点createElement createElement()方法可创建元素节点。此方法可返回一个 Element 对象。 语法： document.createElement(tagName) 参数: tagName：字符串值，这个字符串用来指明创建元素的类型。 注意：要与appendChild() 或 insertBefore()方法联合使用，将元素显示在页面中。
javascript createElement的两种方式
limlimlim的专栏
12-27 9172
http://www.w3.org/1999/xhtml">     CreateElement的两种创建方式             function CreateButton1() {             var btn = document.createElement("input");             btn.type = "button";
JavaScript中createElement的两种用法解析
"该文档详细阐述了JavaScript中用于动态创建HTML元素的`createElement`方法的两种主要使用方式，包括创建按钮元素以及创建链接和标签元素，并涉及到元素属性的设置及事件处理函数的绑定。" 在JavaScript中，`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

mark_to_win

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值