在JavaScript中，可以使用document对象的getElementById()方法来获取到指定的HTML元素，然后使用该元素的innerHTML属性来修改或添加HTML内容。
下面是一个示例，演示如何在HTML页面中使用JavaScript将文本写入到一个元素中：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Writing Content to an HTML Element</title>
</head>
<body>
<h1 id="myHeading">This is my heading</h1>
<p id="myParagraph">This is my paragraph.</p>
<script>
// 获取元素
var heading = document.getElementById('myHeading');
var paragraph = document.getElementById('myParagraph');
// 修改元素内容
heading.innerHTML = 'New heading';
paragraph.innerHTML = 'New paragraph';
</script>
</body>
</html>在这个示例中，我们首先在HTML页面中定义了两个元素，分别是一个<h1>元素和一个<p>元素，并给它们分别设置了一个id属性。然后，在JavaScript中，我们使用document.getElementById()方法获取到了这两个元素，并分别将它们的innerHTML属性修改为了新的文本。这样，当页面加载完成后，这两个元素中的文本就会被更新为新的内容。
需要注意的是，使用innerHTML属性来修改元素内容时，如果新的内容包含HTML标记，则这些标记也会被解析并渲染到页面中。因此，在实际开发中，需要注意防止跨站脚本攻击（XSS）等安全问题。为了避免这种问题，可以使用textContent属性来修改元素的文本内容，这样可以确保新的内容不会被解析为HTML标记。例如：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Writing Content to an HTML Element</title>
</head>
<body>
<h1 id="myHeading">This is my heading</h1>
<p id="myParagraph">This is my paragraph.</p>
<script>
// 获取元素
var heading = document.getElementById('myHeading');
var paragraph = document.getElementById('myParagraph');
// 修改元素内容
heading.textContent = 'New heading';
paragraph.textContent = 'New paragraph';
</script>
</body>
</html>在这个示例中，我们使用了textContent属性来修改元素内容，这样新的文本就不会被解析为HTML标记，从而避免了潜在的安全问题。
正文完