使用JavaScript的innerHTML属性将HTML代码分配给网页元素 举个例子
时间: 2024-03-12 12:50:13 浏览: 38
在HTML中插入JavaScript代码的示例
5星 · 资源好评率100%
下面是一个例子,将HTML代码分配给网页元素:
HTML 代码:
```html
<div id="myDiv"></div>
```
JavaScript 代码:
```javascript
var myDiv = document.getElementById("myDiv");
myDiv.innerHTML = "<h1>Hello, world!</h1>";
```
在这个例子中,我们首先使用JavaScript的`getElementById()`方法获取到ID为`myDiv`的网页元素。然后,我们使用`innerHTML`属性将`<h1>Hello, world!</h1>`这段HTML代码插入到网页元素中。当代码执行后,网页上的`<div>`元素中就会显示出`Hello, world!`这个标题。
阅读全文