文档写入文档获取元素
Document write to document get element
我是 JavaScript 的新手,我希望它进入我的段落,其中 id 输出
但是当我这样做时,我没有得到任何输出。
这是代码,我想将所有document.write
更改为document.getElementById('output').innerHTML = blablabla;
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript</title>
<style type="text/css">
body
{
background-color: black;
color:springgreen;
text-align: center;
}
</style>
</head>
<body>
<p id="output"></p>
<script type="text/javascript">
var names, i, next;
names = new Array();
i = 0;
do {
next = prompt("Please enter your name");
if (next > " " && next != "undefined") names[i] = next;
i++
}
while (next > " " && next != "undefined");
document.write("<h2>" + (names.length) + " names written</h2>");
document.write("<ol>");
for (i in names) {
document.write("<li>" + names[i] + "<br>")
}
document.write("</ol>");
</script>
</body>
</html>
与其使用 document.write,不如将每个部分附加到一个变量中:
var outputHTML = "";
outputHTML += "<h2>"; // etc
然后使用document.getElementById('output').innerHTML = outputHTML;
设置您的内容
var names, i, next;
// This syntax is preferred
names = []
// No need to use a counter here
do {
next = prompt("Please enter your name");
if (next) {
names.push(next);
}
}
while (next !== ""); // Loop until an empty string/blank input
var out = [];
out.push("<h2>" + (names.length) + " names written</h2>");
out.push("<ol>");
for (i in names) {
out.push("<li>" + names[i] + "<br>");
}
out.push("</ol>");
document.getElementById("output").innerHTML = out.join("");
相关文章:
- Firefox:点击并更改未附加到文档树中的复选框元素上的事件
- 将事件侦听器添加到文档,而不是签入元素存在,然后添加事件侦听器
- 用于修改文档元素的 PHP 代码
- 如何切换文档元素的可见性
- HTTP 获取节点 JS 以使用文档元素进行解析
- 检票口 - 使用 AJAX 刷新组件 - 文档元素后的垃圾
- 按位置访问文档元素时检测数组
- 这是将两个文档元素的数组添加到一个数组中的最佳方法
- 获取 0 的文档元素返回什么
- scrollTop为javascript中的所有文档元素返回0,但滚动事件在body标记上触发
- 文档元素Firefox之后的垃圾使用JQuery Get加载内容时出错
- 使用Javascript文档元素区分不同的浏览器
- rails布局文件中的Javascript文档元素
- Onclick文档元素永久禁用
- 向html表中添加xml文档元素
- 文档元素的模拟对象
- 将文档元素's innerHTML设置为长字符串
- 用javascript创建的文档元素的范围
- Firefox 和 AJAX Junk 之后的文档元素
- 如何从通过外部.js脚本标记创建的 iframe 授予功能或文档元素的权限