如何使用 JavaScript 给标签赋值:获取标签引用:使用 document.querySelector() 或 document.getElementById() 方法。设置标签的 innerText 或 innerHTML:设置标签的文本或 HTML 内容。设置标签的 value 属性:对于输入元素,使用 value 属性设置其值。

如何使用 JavaScript 给标签赋值
在 JavaScript 中,给标签赋值是一个常见的操作,可以通过以下步骤实现:
- 获取标签的引用
可以使用 document.querySelector() 或 document.getElementById() 方法来获取标签的引用。
<code class="javascript">const label = document.querySelector('label'); // 通过选择器获取标签
const label2 = document.getElementById('myLabel'); // 通过 ID 获取标签</code>- 设置标签的 innerText 或 innerHTML
innerText 和 innerHTML 属性分别用于设置标签的文本内容和 HTML 内容。
<code class="javascript">label.innerText = '新文本内容'; // 设置标签的文本内容 label2.innerHTML = '<b>加粗文本</b>'; // 设置标签的 HTML 内容</code>
- 设置标签的 value 属性
对于输入元素(如 <input> 或 <textarea>),可以使用 value 属性设置其值。
<code class="javascript">const input = document.querySelector('input');
input.value = '输入值'; // 设置输入元素的值</code>示例:
<code class="javascript">const label = document.querySelector('label');
label.innerText = '新的标签标题';
const input = document.querySelector('input');
input.value = '输入的文本';</code>通过以上步骤,可以轻松地使用 JavaScript 给标签赋值。










