Javascript检查是否<；p>；存在于<；部门>；_Javascript_Html

Javascript检查是否<；p>；存在于<；部门>；

javascript html

Javascript检查是否<；p>；存在于<；部门>；,javascript,html,Javascript,Html,我对Javascript一无所知。当第一次鼠标悬停div时，我试图在div（包含数字0）中创建一个p标记，并且p标记中的数字在每次鼠标悬停期间都会增加如何使用if-else语句首先检查p标记是否在div中 <script> function increaseNum(x){ var i; if (document.getElementById('mcount').contains("p")){ i++; }else{ number = document.createElement("

我对Javascript一无所知。当第一次鼠标悬停div时，我试图在div（包含数字0）中创建一个p标记，并且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>


函数增量num（x）{
var i；
if（document.getElementById（'mcount'）。包含（“p”））{
i++；
}否则{
编号=document.createElement（“P”）；
mcount.appendChild（数字）；
i=0；
}
number.innerHTML=i；
}

感谢您的任何帮助！提前谢谢你

检查

中是否存在

我们可以使用以下方法检查此问题：

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.')
}

p{font size:2rem；padding left:1rem；border:1px solid#eee}

检查

中是否存在

我们可以使用以下方法检查此问题：

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.')
}

p{font size:2rem；padding left:1rem；border:1px solid#eee}

使用

文档查询选择器（'dfp tlb p'）！=在您的if条件中为空
使用文档。查询选择器（'#dfp tlb p'）！=如果条件
为空
，请找到另一个答案：

设i=0；
//获取div标签
var mcount=document.querySelector（“#mcount”）；
mcount.textContent=i；
函数increaseNum（）{
//获取div中存在的p标记的数量
var number=document.queryselectoral（“#mcount p”）.length；
如果（数字）{
log（`p标记的Numner为：${i}`）；
}
//创建节点并追加
var elem=document.createElement（“P”）；
i++；
元素appendChild（document.createTextNode（i））
M计数附加子项（elem）；
}
div{
背景色：黑色；
颜色：白色；
}

答复
请找到另一个答案：

设i=0；
//获取div标签
var mcount=document.querySelector（“#mcount”）；
mcount.textContent=i；
函数increaseNum（）{
//获取div中存在的p标记的数量
var number=document.queryselectoral（“#mcount p”）.length；
如果（数字）{
log（`p标记的Numner为：${i}`）；
}
//创建节点并追加
var elem=document.createElement（“P”）；
i++；
元素appendChild（document.createTextNode（i））
M计数附加子项（elem）；
}
div{
背景色：黑色；
颜色：白色；
}

答复

const setup=（）=>{
const exist=document.querySelector（'#mccount p'）！==null；
const existChild=document.querySelector（'#mccount>p'）！==null；
console.log（存在）；
console.log（existChild）；
}
window.addEventListener（“加载”，设置）




const setup=（）=>{
const exist=document.querySelector（'#mccount p'）！==null；
const existChild=document.querySelector（'#mccount>p'）！==null；
console.log（存在）；
console.log（existChild）；
}
window.addEventListener（“加载”，设置）



您可以做的另一个仅对子节点有效的选择是玩节点。我仍然不推荐这种解决方案。但它确实存在：

const setup=（）=>{
const mccount=document.querySelector（“#mccount”）
控制台日志（mccount）；
const existChild=[…mccount.childNodes].some（node=>node.nodeName==='P'）；
console.log（existChild）；
}
window.addEventListener（“加载”，设置）您可以做的另一个仅对子节点有效的选择是玩节点。我仍然不推荐这种解决方案。但它确实存在：

const setup=（）=>{
const mccount=document.querySelector（“#mccount”）
控制台日志（mccount）；
const existChild=[…mccount.childNodes].some（node=>node.nodeName==='P'）；
console.log（existChild）；
}
window.addEventListener（“加载”，设置）
可以检查document.getElementById（“mcount”）.querySelector（“p”）
是否返回元素可以检查document.getElementById（“mcount”）.querySelector（“p”）
是否返回元素