Javascript 函数中的 HTML 无法正常工作

Question

我正在使用以下 JavaScript 函数：

function Projects()
{
    var PrjTb1 = "<input type=text id=PrjNme size=100/>"
    var PrjTb2 = "<textarea rows=5 col=200 wrap=hard></textarea>"
    var Info = "1. Project or activity name:<br>" + PrjTb1 + "<br><br>2. Project or activity description:<br>" + PrjTb2 
    if (document.getElementById('PrjNo').value == 1)
    {
        document.getElementById('AllPrj').innerHTML = "<b>Project or activity 1.</b><br><br>" + Info
    }
}

这个函数在onclick事件之后执行良好；但是，声明的变量中的某些 HTML 部分不起作用。例如，在变量PrjTb2 中，我的textarea 的行和列不会改变。此外，我无法在变量中的任何位置添加 HTML 标记 <dd> 和 </dd> 以创建缩进。有趣的是，textarea 属性和 HTML 标记 <dd> 和 </dd> 在我的表单正文中工作，而不是在我的 JS 函数中。有谁知道我做错了什么。

Answer 1

不确定是否是问题所在，但我会将您的所有参数括在引号中。

<input type=text id=PrjNme size=100/>

应该是：

<input type='text' id='PrjNme' size='100' />

此外，根据您的 Doctype，您可能需要更改

<br>

到

<br />

直接 HTML 中允许的内容不一定允许使用 innerHTML。例如，在 Firefox 中，尝试在 JS 与 html 中的表单中嵌入表单，或者在 IE 中，尝试将块元素放入内联元素中。它们都可以正常工作，如果你在 HTML 中使用它，但如果你用 innerHTML 尝试它，两个浏览器都会抱怨。

Answer 2

可能是您的浏览器正在缓存您的 Javascript。尝试清除缓存。

Answer 3

我不知道你的语法错误是不是因为在这里复制了你的代码，但这是我在你的代码中注意到的几件事。

• 您是否故意在行尾省略半列？
• HTML 属性应该用引号引起来。 （虽然不是必须的）

关于<dd></dd>，您是否将它们放入定义列表（dl）中？

因为它们不应该用作独立标签。