$("div").html()将代码给成JS的写法
时间: 2024-02-20 10:56:30 浏览: 51
可以使用JavaScript中的querySelectorAll和forEach函数来实现类似的功能。示例代码如下:
```
document.querySelectorAll('div').forEach(function(div) {
console.log(div.innerHTML);
});
```
上述代码会输出所有div元素的innerHTML。如果要修改innerHTML,可以像这样:
```
document.querySelectorAll('div').forEach(function(div) {
div.innerHTML = '<p>新的HTML</p>';
});
```
上述代码会将所有div元素的innerHTML修改为`<p>新的HTML</p>`。
相关问题
在页面div中加入粗体字 js写法
可以使用JavaScript来改变HTML元素的样式,从而实现加粗等效果。下面是一个示例代码,可以在指定的div元素中添加一段加粗的文本。
HTML代码:
```html
<div id="myDiv">原始文本</div>
```
JavaScript代码:
```javascript
var myDiv = document.getElementById("myDiv");
myDiv.innerHTML += "<b>加粗文本</b>";
```
这段代码会在id为"myDiv"的div元素中添加一段加粗的文本,从而实现在页面div中加入粗体字的效果。
JS创建HTML控件并动态生成页面的写法
JS可以通过以下几种方式创建HTML控件并动态生成页面:
1. 使用document.createElement()方法创建元素节点,并使用appendChild()方法将其添加到DOM树中。
```javascript
// 创建一个div元素
var div = document.createElement('div');
// 设置div的文本内容
div.innerHTML = 'Hello World!';
// 将div添加到body中
document.body.appendChild(div);
```
2. 使用innerHTML属性动态生成页面,可以通过字符串拼接的方式生成HTML代码,然后将其赋值给innerHTML属性。
```javascript
// 生成一个ul列表
var ul = '<ul>';
for (var i = 1; i <= 10; i++) {
ul += '<li>Item ' + i + '</li>';
}
ul += '</ul>';
// 将ul添加到body中
document.body.innerHTML = ul;
```
3. 使用模板字符串(template literals)动态生成页面,可以使用反引号(`)来包裹HTML代码,然后将其赋值给innerHTML属性。
```javascript
// 生成一个ul列表
var ul = `<ul>`;
for (var i = 1; i <= 10; i++) {
ul += `<li>Item ${i}</li>`;
}
ul += `</ul>`;
// 将ul添加到body中
document.body.innerHTML = ul;
```
以上三种方式都可以实现动态生成HTML页面的效果,具体使用哪种方式取决于个人习惯和需求。