在标签文本 html 之前标记 - JavaScript

在HTML页面中，我们经常需要在现有标签的文本之前插入其他内容。例如，我们要向一个段落的开头插入一些符号或图标，或者在文字前面添加一个注释。

这可以通过JavaScript来完成，我们可以使用DOM操作来访问页面中的元素，并动态地添加、删除、修改这些元素。

举例：

// 获取页面中的段落元素
const para = document.querySelector('p');

// 创建一个新的span元素
const span = document.createElement('span');

// 设置span元素的文本内容
span.textContent = '※';

// 将span元素添加到段落元素的开头
para.insertBefore(span, para.firstChild);

在以上示例中，我们首先通过querySelector方法获取页面中的一个段落元素；接着，我们使用createElement方法创建一个新的<span>元素；然后，我们在新元素的文本内容中添加一个注释符号，最后使用insertBefore方法将新元素添加到段落元素的开头。

这种技术可以在很多场景中应用，例如：

• 在文本前添加图标、符号等特殊标记；
• 在表单元素前添加标签或提示信息；
• 在列表项前添加序号、符号等内容。

需要注意的是，由于JavaScript是在页面加载完成后执行的，因此如果我们直接在HTML代码中调用JavaScript代码，会导致浏览器解析HTML时找不到对应的元素。因此，我们通常需要将JavaScript代码放在页面底部，或使用window.onload等方法来确保DOM元素已经完全加载。

以上就是JavaScript中在标签文本html之前添加标记的介绍，希望对您有所帮助。