javascript怎么添加html标签?

JavaScript033

javascript怎么添加html标签?,第1张

javascript添加html标签如下：

一、直接给javascript内容添加标签

<body>

<div id='div'></div>

</body>

<script>

var oDiv = document.getElementById('div')。

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

</sciprt>

二、,用javascript自带的createElement添加标签

<body>     <div id='div'></div> </body> <script> var oDiv = document.getElementById('div') var oSpan = document.createElement('span') oDiv.appendChild(oSpan) </sciprt>

三、注意事项

其他属性也一样 ，只不过class是js中的关键字。

对象名.class就是语法错误所以改名为className。

其他的属性可以直接通过。

对象.属性名=‘值’。

1、首先打开hbuilder软件，新建一个html文件，里面写入一个p标签和一个按钮标签。

2、然后在p标签的下方设置一个script标签，里面写入js胆码；先获取p标签和按钮的dom对象，然后给按钮添加一个点击事件，再点击事件爱的回调中alertp标签的text属性即可。

3、最后打开浏览器，可以看到一段文字和一个按钮，点击这个按钮。

4、就可以弹出内容了。

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

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

<body>

    <div id='div'></div>

</body>

<script>

    var oDiv = document.getElementById('div')

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

</sciprt>

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

<body>

    <div id='div'></div>

</body>

<script>

    var oDiv = document.getElementById('div')

    var oSpan = document.createElement('span')

    oDiv.appendChild(oSpan)

</sciprt>