javascript变量中的html给出空错误

这是我的错误：

用户ATSC的客户端javascript错误（127.0.0.1） 详细信息：TypeError:无法读取null的属性“值”

我在以下代码中遇到此错误：

var htmlmessage =    
    <p><strong>Vul de volgende gegevens in om het inplannen af te ronden:</strong></p>
    <p>
     <form>
      <strong>Aantal in te plannen medewerkers: </strong><br>
        <input type='number' name='medewerkers' id='aantmdw' value='1'></input>
    </p>
    <p>
      <strong>Aantal in te plannen machines: </strong><br>
        <input type='number' name='machines' id='aantmch' value='1'></input>
     </form>
    </p>;

var mdwCount = document.getElementById("aantmdw").value;
var mchCount = document.getElementById("aantmch").value;

var htmlmessage=


医学工作者的健康状况：



A平面机械中的安塔尔：

；
var mdwCount=document.getElementById（“aantmdw”）.value；
var mchCount=document.getElementById（“aantmch”）.value；

---

正如您所看到的，它被保存到一个JavaScript变量中。如何从表单中获取值以使用它，而不是null？

JavaScript字符串文本中不能有换行符

如果你的代码是

var htmlmessage = <p><strong>Vul de volgende gegevens in om het inplannen af te ronden:</strong></p>
<p>
 <form>
  <strong>Aantal in te plannen medewerkers: </strong><br>
    <input type='number' name='medewerkers' id='aantmdw' value='1'></input>
</p>
<p>
  <strong>Aantal in te plannen machines: </strong><br>
    <input type='number' name='machines' id='aantmch' value='1'></input>
 </form>
</p>

---

添加到@mplungjan中提到的以引号包围html消息内容的要点

在获取dom元素之前，在文档中插入htmlmessage

---

由于尚未在文档中插入htmlmessage，因此在获取任何文档之前。getElementById（“someId”）仅当文档中存在“someId”的dom时才起作用

请用JS更新您的代码片段，这会给您带来错误-如果htmlmessage包含实际的换行符，这就是您的问题。js中不能有新行你在使用angular.js吗？你的javascript在哪里？我不认为你可以只给一个javascript变量html，它必须是一个字符串。例如，将html包装为“或”，您的代码实际上是

var htmlmessage=…

？嗯，是的，这不是有效的Javascript。是的，就像您提到的最后一个。我在模态对话框中使用htmlmessage变量，并尝试从输入中获取这两个值。我尝试了类似evar mdwCount=document.getElementById（“aantmdw”）的方法.value；var mchCount=document.getElementById（“aantmch”）.value；但它返回空值“您不能有换行符…”-在Javascript字符串文本中。我认为这是一个重要的限定符。：）此外……ES6模板字符串可以有换行符。@MarkieDoe他包含的第二段代码与您问题中的代码不匹配。

var htmlmessage = '<p><strong>Vul de volgende gegevens in om het inplannen af te ronden:</strong></p>'+
'<p>'+
' <form>'+
'  <strong>Aantal in te plannen medewerkers: </strong><br>'+
'    <input type="number" name="medewerkers" id="aantmdw" value="1"></input>'+
'</p>'+
'<p>'+
'  <strong>Aantal in te plannen machines: </strong><br>'+
'    <input type="number" name="machines" id="aantmch" value="1"></input>'+
' </form>'+
'</p>';

var htmlmessage = `<p><strong>Vul de volgende gegevens in om het inplannen af te ronden:</strong></p>
<p>
 <form>
  <strong>Aantal in te plannen medewerkers: </strong><br>
    <input type='number' name='medewerkers' id='aantmdw' value='1'></input>
</p>
<p>
  <strong>Aantal in te plannen machines: </strong><br>
    <input type='number' name='machines' id='aantmch' value='1'></input>
 </form>
</p>`

var mdwCount = document.getElementById("aantmdw").value;
var mchCount = document.getElementById("aantmch").value;