gpt4 book ai didi

Javascript 检查

是否存在于

转载 作者:行者123 更新时间:2023-12-01 00:00:24 26 4
gpt4 key购买 nike

我对 Javascript 完全陌生。我试图在 div 第一次鼠标悬停时在 div 中创建一个 p 标记(其中包含数字 0),并且 p 标记中的数字在每次鼠标悬停期间都会增加。

如何使用 if-else 语句检查 p 标签是否首先位于 div 中?

<script>
function increaseNum(x){
var i;
if (document.getElementById('mcount').contains("p")){
i++;
}else{
number = document.createElement("P");
mcount.appendChild(number);
i=0;
}
number.innerHTML = i;
}
</script>


<html>
<div id="mcount" onmouseover="increaseNum(this)"></div>
</html>

感谢任何形式的帮助!预先感谢您!

最佳答案

Check if <p> exists in <div>

我们可以使用以下方法检查这一点:

var number = document.querySelector('#mcount p')
if (number !== null) {
console.log('<p> exists in <div>')
} else {
console.log('<p> does not exists in <div> yet.')
}

接下来,您可以使用 document.querySelector 更新代码像这样:

var i;
function increaseNum(x) {
var mcount = document.querySelector('#mcount');
var number = document.querySelector('#mcount p');
if (number !== null) {
i++;
} else {
var elem = document.createElement("P");
mcount.appendChild(elem);
number = document.querySelector('#mcount p');
i = 0;
}
number.innerHTML = i;
}
increaseNum(0);
p{font-size:2rem;padding-left:1rem;border:1px solid #eee}
<div id="mcount" onmouseover="increaseNum(this)"></div>

此外,document.getElementById('mcount').contains("p")不正确,如 Node.contains() 方法仅适用于节点元素,但在这里您只需传递一个像 "p" 这样的字符串。 。所以,我们可以使用document.querySelector('#mcount p')在这里,它将是 null直到p添加到#mcount节点,之后它不会为空,我们可以在 if..else 中使用它逻辑。

关于Javascript 检查 <p> 是否存在于 <div> 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60775148/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com