html中如何用JavaScript将span文本设为粗体?
时间: 2024-11-20 19:34:05 浏览: 6
HTML中文手册(完整版).rar
在HTML中,你可以使用JavaScript来动态改变元素的样式,包括使其文本变为粗体。要将`<span>`标签内的文本设置为粗体,你可以利用`document.getElementById()`或`document.querySelector()`等方法获取到`<span>`元素,然后使用`style`属性来修改其CSS样式。
以下是一个简单的例子:
```javascript
// 获取span元素
var spanElement = document.getElementById('your-span-id'); // 或者使用querySelector
if (spanElement) {
// 设置文本为粗体
spanElement.style.fontWeight = 'bold';
}
```
在这个代码片段中,你需要替换`'your-span-id'`为你实际span元素的id。如果元素没有id,你可以选择其他定位方式,如类名或者直接根据DOM位置。
如果你想创建一个新的`<span>`并立即设置其为粗体,你可以这样做:
```javascript
// 创建新的span元素
var newSpan = document.createElement('span');
newSpan.textContent = '这是粗体文本';
// 添加粗体样式
newSpan.style.fontWeight = 'bold';
// 将新span添加到页面上
document.body.appendChild(newSpan);
```
阅读全文