js创建在父结点下创建一个按钮并加上现有的两个样式和图标
时间: 2024-05-15 20:17:39 浏览: 166
您可以使用以下代码创建一个按钮,并将其添加到指定的父元素中:
```javascript
// 创建按钮元素
const btn = document.createElement('button');
// 添加样式
btn.classList.add('your-class1', 'your-class2');
// 添加图标
const icon = document.createElement('i');
icon.classList.add('your-icon-class');
btn.appendChild(icon);
// 将按钮添加到指定的父元素中
const parentElem = document.querySelector('your-parent-selector');
parentElem.appendChild(btn);
```
请注意,您需要设置正确的类名和选择器来匹配您的实际情况。
相关问题
js创建在父结点下创建一个按钮并加上现有的两个样式和图标,并给他加个id
好的,可以使用以下代码在父节点下创建一个按钮,并加上两个现有样式和图标,并给它加上一个id:
```javascript
// 选择父节点
const parentNode = document.querySelector('#parent');
// 创建按钮元素
const button = document.createElement('button');
// 添加样式和图标
button.classList.add('style1', 'style2');
button.innerHTML = '<i class="icon1"></i><i class="icon2"></i>';
// 添加id属性
button.setAttribute('id', 'myButton');
// 将按钮添加到父节点中
parentNode.appendChild(button);
```
这段代码将创建一个具有两个样式和两个图标的按钮,并将其添加到指定的父节点中,并添加一个id属性“myButton”。您可以根据需要更改样式和图标类名。
js创建在父结点下创建一个按钮并加上现有样式和图标
可以使用如下代码在父节点下创建一个带有现有样式和图标的按钮:
```javascript
// 创建按钮元素
var button = document.createElement('button');
// 添加现有样式
button.className = 'existing-class';
// 添加图标
var icon = document.createElement('i');
icon.className = 'existing-icon';
button.appendChild(icon);
// 将按钮添加到父节点中
var parent = document.getElementById('parent-node');
parent.appendChild(button);
```
其中,`existing-class` 和 `existing-icon` 表示现有的样式和图标,需根据实际情况进行替换。`parent-node` 表示父节点的 id,需要替换为实际值。
阅读全文