HTML标记只是给文本一个id

时间:2018-05-19 16:56:48

标签: javascript html html5 css3 dom

是否有一个html标签只是简单地给一个id / class文本? 让我们说我有文字"电子邮件"在input标签前面,我想在按钮点击时更改文本(使用js)。我需要一个ID ... p会在新行(我不想要)上输入输入,而font有点过时了。 有什么想法吗?

3 个答案:

答案 0 :(得分:4)

用于描述后续input代码的元素应为label代码,该代码必须具有for属性,该属性包含相应input代码的名称。因此,您可以选择该元素作为具有特定属性的标签。

实施例

<label for="email">Email: </label><input type="text" name="email" />

并选择它并更改其文字:

jQuery('label[for=email]').text('your new label text');

请注意,这是 only 解决方案(用于标记输入),它也符合辅助功能标准。

您可以使用CSS以任何方式设置样式。

答案 1 :(得分:2)

<span>元素是一个通用的(即它没有相关的语义)内联元素,可用于标记某些内容以便通过CSS / JS /等进行访问。

然而,“输入前面的文字'电子邮件'听起来非常像<label> element,所以您应该使用它。

答案 2 :(得分:1)

<span id="..." class="..."></span>是您正在寻找的元素,它保持完整内联,不会移动任何内容,但仍可通过JavaScript访问。