javascript修改html <b>标签内容

javascript修改html <b>标签内容的示例如下：

<b>文字内容</b> document.getElementsByTagName('b')[0].innerHTML = '修改后的文字内容'

解释：

document.getElementsByTagName获取页面中指定标签的节点

这里用的是参数'b'代表获取文档中的所有b元素，结果是一个数组

由于示例的html只有1个b标签，所以获取第0个即所需修改的标签

innerHTML是对节点的html代码进行取值或修改

此处为该属性赋值，即修改了b标签的内容

innerHTML是原生js的写法，表示获取或插入元素里的html内容

innerHTML是一个属性，用法举个例子，假如有个标签:

<div id="d"></div>

下面是js：

var d=document.getElementById("d")

di.innerHTML="<span style='color:red'>Hello</span>"//重新设置d内的html代码。

alert(d.innerHTML)//取出d里面的 html代码

jQuery的html() 方法也是调用的原生的innerHTML方法，区别是需用jq的语法来使用而不是原生的js方法来使用如上面的 $("#d").html("<b>Hi</b>")

当然最重要的一点是原生js永远比jq快

1、strong标签

<strong></strong>加粗标签元素告诉浏览器把其加strong标签的文本以加粗方式显示给浏览者。对于所有浏览器来说，这意味着要把这段文字加粗呈现给大家显示。

示例：

<strong>加粗文字</strong>

2、b标签

<b>标签规定粗体文本

示例：

<b>加粗文字</b>

注：Html strong加粗标签与html B加粗标签显示效果相同，两者都将内容文本加粗方式显示呈现，两者都可以选择使用；

区别：<b></b>加粗标签与<strong></strong>加粗标签区别在于前者只有1个字符，后者6个字符字母标签。

---