`

js追加子元素

HTML 
阅读更多
在页面加载完毕后，向div元素追加span子元素。 
<html>
<head>
<title>js</title>
<script type="text/javascript">
	window.onload=function(){
		var div=document.getElementById("divid");
		var span=document.createElement("span");
		span.id="spanid";
		span.style.color="blue";
		span.innerHTML=" i am append span !"
		div.appendChild(span);
	}
</script>
</head>
<body>
	<div id="divid" style="color: red; font-size:80;">i am div !</div>
</body>
</html>
分享到：
| JS编写心得
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JS中appendChild追加子节点无效的解决方法

    主要给大家介绍了关于JS中appendChild追加子节点无效的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习

    jQuery动态创建元素以及追加节点的实现方法

    我们知道js中有三种动态创建元素的方法，...append 追加在父元素的最后一个子节点后面 prepend插入到父元素的第一个子节点前面 after在元素后面追加，同级 befor在元素的前面追加，同级 下面的代码可以很好的演示追加

    JavaScript刷新页面的几种方法总结

    1，reload 方法 该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。...2，replace 方法 方法通过指定URL替换当前缓存在历史里...

    javascript函数的解释

    49.引用一个文件式的JS:&lt;script type="text/javascript" src="aaa.js"&gt; 50.指定在不支持脚本的浏览器显示的HTML:&lt;noscript&gt;&lt;/noscript&gt; 51.当超链和ONCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例...

    JavaScript详解(第2版)

    　15.7　DOM的修改(追加、复制和删除节点)　 　15.7.1　innerHTML属性和元素的内容　 　15.7.2　更改元素的内容　 　15.7.3　使用DOM创建新元素　 　15.7.4　在节点前插入　 　15.7.5　为节点创建属性　 　15.7.6　...

    jQuery详细教程

    &lt;script type="text/javascript" src="/jquery/jquery.js"&gt; &lt;script type="text/javascript"&gt; $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); &lt;p&gt;If you click on me, I ...

    backbone-kinview:带内置生命周期管理功能的ribs.js视图用于子视图

    它还允许子元素具有附加到其上的状态，并在父元素被remove() ed时删除子元素。安装KinView已被设计为require通过“d ，目前仅在该环境支持。 安装： npm install backbone-kinview --save代码CI KinView持续集成由...

    107个常用javascript语句

    49.引用一个文件式的JS:&lt;script type="text/javascript" src="aaa.js"&gt; 50.指定在不支持脚本的浏览器显示的HTML:&lt;noscript&gt;&lt;/noscript&gt; 51.当超链和onCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例...

    JavaScript笔记

    JavaScript：定义行为和动作 (基于对象和事件驱动的客户端脚本语言；也是一种广泛应用于客户端Web开发的脚本语言) 基于对象：网页中的一切元素都是假象！不需要new，即可直接使用 事件驱动：JavaScript的执行都是...

    fd-append:以函数方式附加 DOM 元素

    fd-追加 以功能方式附加 DOM 元素。 安装 npm install fd-append --save 用法 let append = require ( 'fd-append' ) , elem = require ( 'fd-elem' ) ... parent -&gt; 必须附加子元素的 DOM 元素。 child -&gt; 需

    next-js-skeleton:前端和后端之间具有连接的Next.JS框架

    解决的问题服务器端渲染分开的WEB和API路由器样式化的组件呈现在服务器上并追加到页面的head元素LESS文件追加到页面的head元素中的样式化组件之前从服务器到客户端传递配置常量从路由器传递数据进行布局

    详解CSS 伪元素及Content 属性

     说起伪元素我第一想到的莫过于::before和::after这两个了，它俩其实就是在其附属的选择器命中的元素上插入第一个子节点和追加最后一个子节点。那这时我不禁地想问：“直接添加两个class为.before和.after不是一样...

    JSP动态网站开发基础教程与实验指导(从基础到应用)光盘

    8.3.1 元素及其子元素 192 8.3.2 元素及其子元素 194 8.4 用Servlet生成动态图片 195 8.5 扩展练习 198 第9章 Web基础知识 201 9.1 Web发展及HTTP协议 201 9.1.1 Web的产生与发展 201 9.1.2 HTTP协议 203 9.2 HTML...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    HybridApp 一种可以下载的Native App，其用户界面的全部或者部分元素在嵌入式浏览器组件（WebView之类的）里面运行 优雅降级 一开始就构建站点的完整功能，然后针对浏览器测试和修复。认为应该针对那些最高级、最...

    超实用的jQuery代码段

    11.13 向表格追加一行数据 11.14 获取客户端IP 11.15 向Firebug的控制面板发送消息 11.16 根据不同的屏幕大小显示不同的网页 11.17 jQuery遍历对象的属性 11.18 最优化的循环语句写法 11.19 如何构建最优化的字符串 ...

Magicbox
Global site tag (gtag.js) - Google Analytics