JavaScript DOM 10.8

q #动态创建标记

网页的结构由标记负责创建,js来负责改变某些细节而不改变其底层的结构。

传统方法

document.writeinnerHTML

document.write

document对象的write()方法可以方便快捷的把字符串插入到文档里。

<script>
document.write("<p>this is insert.</p>);
</script>

把结构、行为和样式分开永远都是一个好主意。所以避免使用document.write

innerHTML

<div id="testdiv">
<p>This is <em>my</em>content.</p>
</div>

使用这个函数更新js:
window.onload = function(){
var testdiv = document.getElementById("testdiv");
alert(testdiv.innerHTML);

刷新后,innerHTML的属性值显示在一个对话框里<p>This is <em>my</em>content.</p>

innerHTML还可以用于写入元素:

<div id="test div"></div>
window.onload = function(){
    var testdiv = document.getElementById("testdiv");
    testdiv.innerHTML = "<p>This is <em>my</em>content.</p>"
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 前言 归根结底,代码都是思想和概念的体现。没人能把一种程序设计语言的所有语法和关键字都记住,可以查阅参考书来解决。...
    朱细细阅读 3,193评论 4 14
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,978评论 0 8
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 8,204评论 2 17
  • 今日晨读关键词:你担心的事多半不会发生。 目目把晨读写成了梦境。 梦境中的事多半也不会发生,所以你就不要太担心了。...
    二丁目先生阅读 1,772评论 0 3
  • 不只一人,应该是很多人都说我是活在自己的世界里…… 就是因为只顾着自己,就是因为努力的赚钱确卖不起车、旅不起游,就...
    hi米饭阅读 404评论 0 1

友情链接更多精彩内容