Javascript的innerHtml不起作用 [英] Javascript's innerHtml is not working
本文介绍了Javascript的innerHtml不起作用的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想创建一个替换h1 html的函数。它似乎不工作，我不知道我做错了什么。
这是我的Javascript：
function changeToYoMaMa（el）{
el.innerHtml =< h1> +Yo Mama+< / h1>;
};
var el = document.getElementById（heading）;
el.addEventListener（'click'，function（）{
changeToYoMaMa（el）;
}）;
这是我的HTML：
<！DOCTYPE html>
< html>
< head>
< meta charset =utf-8>
< title> javascript测试< / title>
< / head>
< body>
< h1 id =heading> hello world< / h1>
< script type =text / javascriptsrc =javascripttests.js>< / script>
< / body>
< / html>
解决方案
JS区分大小写。它应该是 innerHTML ，此外 innerHTML 设置元素的内容，因此不需要包装<$
function changeToYoMaMa（el）{el.innerHTML ='Yo Mama';}; var el = document.getElementById（heading） ; el.addEventListener（'click'，function（）{changeToYoMaMa（this）;}）;
>
I want to create a function that replaces the h1 html once clicked on. It somehow doesn't seem to work and I don't know what I'm doing wrong.
Here is my Javascript:
function changeToYoMaMa(el) {
el.innerHtml = "<h1>" + "Yo Mama" + "</h1>";
};
var el = document.getElementById("heading");
el.addEventListener('click', function() {
changeToYoMaMa(el);
});
Here is my HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>javascript tests</title>
</head>
<body>
<h1 id="heading">hello world</h1>
<script type="text/javascript" src="javascripttests.js"></script>
</body>
</html>
解决方案
JS is case-sensitive. It should be innerHTML, and furthermore innerHTML sets the content of the element, thus there's no need to wrap the Yo Mama inside another <h1> tag within your function:
function changeToYoMaMa(el) {
el.innerHTML = 'Yo Mama';
};
var el = document.getElementById("heading");
el.addEventListener('click', function() {
changeToYoMaMa(this);
});
<h1 id="heading">hello world</h1>
这篇关于Javascript的innerHtml不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
