JavaScript报错：Uncaught TypeError: 2 arguments required, but only 1 present.

最新推荐文章于 2024-05-04 11:48:51 发布

二木成林

最新推荐文章于 2024-05-04 11:48:51 发布

阅读量7.1k

点赞数 1

分类专栏：异常处理文章标签： JavaScript 异常

本文链接：https://blog.csdn.net/cnds123321/article/details/102648214

版权

异常处理专栏收录该内容

305 篇文章 9 订阅

订阅专栏

错误

错误代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>替换元素</title>
	</head>
	<body>
		<button type="button" onclick="replaceEle();">替换元素</button>
		<h1 id="title">标题</h1>
		<script type="text/javascript">
			function replaceEle(){
				var oldNode=document.getElementById("title");
				var newOld=document.createTextNode("新的标题");
				oldNode.replaceChild(newOld);
			}
		</script>
	</body>
</html>

原因

原因是replaceChild(newNode,oldNode)方法有两个参数，但是这里只使用了一个参数，因此报错。

解决

设置两个正确的参数。

正确代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>替换元素</title>
	</head>
	<body>
		<button type="button" onclick="replaceEle();">替换元素</button>
		<div id="list">
			<h1 id="title">标题</h1>
		</div>
		<script type="text/javascript">
			function replaceEle() {
				var oldNode = document.getElementById("title");
				var newNode = document.createTextNode("新的标题");
				document.getElementById("list").replaceChild(newNode, oldNode);
			}
		</script>
	</body>
</html>

二木成林

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
JavaScript报错：Uncaught TypeError: 2 arguments required, but only 1 present.

错误错误代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>替换元素</title> </head> <body> <button type="button" onclick="replaceE...
复制链接

扫一扫