javascript - 无法让innerHTML 工作?

标签 javascript html

为什么我的代码不起作用?难道它不应该将 222 打印到 ID 为 p2 的元素吗?

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@page import="java.io.*" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>

<script type="text/javascript">
function compareData()
{
document.getElementById('p1').innerHTML = "111";
var inputs = document.getElemementsByTagName("input");
// why can't I display the "222" here??
document.getElementById('p2').innerHTML = "222";
}
</script>
</head>
<body>
<p id="p1"> a </p>

<p id="p2"> b </p>
<input type="button" onclick="compareData()" value="hello"/> 
</body>
</html>    

最佳答案

您的 getElemementsByTagName 拼写错误。这会导致 js 错误,从而您的代码会在该行停止执行。
将其更正为 getElementsByTagName。那么你的代码就可以正常工作了。

关于javascript - 无法让innerHTML 工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12776928/

相关文章:

javascript - 不可变 typescript 类型定义 : why is concat operating on any?

Javascript 使用 for 循环和数组列表

javascript - 将 Canvas 元素分配给 img.src

html - 如何使用 CSS 使链接居中

javascript - 选择输入中的 onChange 事件然后在同一页面上显示过程的结果

javascript - 下拉菜单显示问题

javascript - 如何在 setTimeout 后返回 jsx

javascript - Ember.js ember-plupload 拖放

javascript - 带有变量的 Nodejs 类

javascript - 如果选择标签上没有选定的数据,则显示消息