如果<p>没有文本,请使用JavaScript检查

时间:2015-06-26 02:16:26

标签: javascript php paragraph

我需要在段落中放置一个文本,但是只要它是空的。

这是我的JavaScript功能,但不起作用:

function myFunction(id,name) {
var var1=document.getElementById(id);
if(var1.text==null){
document.getElementById(id).innerHTML = name;
}}

我有这两段

<p id="1"></p>
<p id="2">Im not Empty</p>

实际上,使用上一个函数,两个段落都获取文本,但我需要将文本放在第一个段落中。

这是php部分,这部分可行。问题出在JavaScript函数中。

<?php
$idVar=1;
$strVar="I was empty";
while($idVar<=2){
echo "<button onclick='myFunction(".json_encode($idVar).",".json_encode($strVar).")' type='button' id='botones'></button>";
$idVar++;
}
?>

请帮助,谢谢。

1 个答案:

答案 0 :(得分:1)

使用textContent并检查''是否为空而不是null

function myFunction(id,name) {
var var1=document.getElementById(id);
if(var1.textContent==''){
document.getElementById(id).innerHTML = name;
}}

function myFunction(id, name) {
  var var1 = document.getElementById(id);
  console.log(var1.textContent);
  if (var1.textContent == '') {
    document.getElementById(id).innerHTML = name;
  }
}

myFunction(1, 'test');
<p id="1"></p>
<p id="2">Im not Empty</p>