javascript如何生成HTML标签_随笔

生成HTML标签，这个一般常用有两种方式：

1,直接给父级的内容添加标签

<body>

</body>

var oDiv = document.getElementById('div')

oDiv.innerHTML = '<span>11112222</span>'

</sciprt>

2,用js自带的createElement创建标签。

<body>

</body>

var oDiv = document.getElementById('div')

var oSpan = document.createElement('span')

oDiv.appendChild(oSpan)

</sciprt>

JavaScript与HTML是两种不同的语言；

浏览器在解析HTML和JavaScript(以下简称JS)的时候，是完全不同的两种对待方式；

HTML是使用各种各样的标签来对网页进行各种布局、 *** 作控件、窗体、排版等等，可以说，它是一成不变的，你写完了HTML的页面，什么模样就不会变了。

可是，当引入了JS之后，JS可以对HTML进行各种 *** 作，同时，JS也可以书写在HTML文档之中，只要使用<script>标签将这些JS代码括起来就好。

JS是有自己的语言体系的，包括语句、对象、变量、运算符、内建类等等，如果你学习JS到一定程度的时候，就知道JS是建立在ECMAScript基础之上的，可以说ECMAScript是JS的内核；

很多的JS内建类都是ECMAScript的，比如Array、Math、Date等等，同时，JS还支持对HTMLDOM的支持，还有对浏览器的持，比如widow对象、Navigator对象等等；

你所说的几点，都是JS的语法结构，这个比较多，也需要你细心地去一步步学习，也不是一两句话就能说清楚的，不过可以举几个实例：

var

new 类名称

fuction 方法名（类名）

return 返回的数据

typeof 变量用以得到数据类型

breack；跳出

this 调用本实例

if语句、if..else 语句、 for语句、with语句、try...catch语句、?..: 语句等等

学会了以上这些，你的JS是入门了，然后，你便开始了解如何使用自定义方法、自定义类，各种内建类、内建方法的应用，它们有哪些属性等等

这些知识你需要慢慢去积累，而且像你现在这样，来问这些问题，对你的学习并没有什么实质性的帮助，而且我提供给你的这些内容，直到你将JS学得很好，自己独立开发几套程序之后，才能有一个比较宏观的轮廓概念。

学语言有N种方法，但最重要的是实践，如果你想学，那就从抄代码开始，然后哪里不了解，针对不同的技术细节，再去有针对性地学习。

欢迎分享，转载请注明来源：内存溢出

javascript如何生成HTML标签