另一个元素上的 JavaScript setAttribute

Question

我在为另一个元素设置属性时遇到问题。

我正在使用带有 JS 和 HTML 的 PHP 代码，它看起来像:

<textarea name='$id' id='$id' class='regular-text' cols='60' rows='1' tabindex='2'"
            . "onkeypress =\"javascript:document.getElementById('content').setAttribute('onkeypress', document.getElementById('so_observer_heading_count').innerHTML = document.getElementById('content').value.length)\">$value</textarea>

你一定知道我有两个元素。我用于编写文本的第一个('content')和另一个('so_observer_heading_count')应该更新第一个元素的符号数。

所以我的问题是，如何在另一个元素上设置属性。

我已经检查过名称是否正确，当我更改 2. 元素上文本区域的内容时，我从第一个元素中获得了正确的数量。但我只想更改第一个元素中的内容以刷新数量。

而且我不想更改第一个元素的代码!并且不要被文本区域混淆，将来这将是标签或其他东西。

Answer 1

首先:

不要使用内联事件绑定(bind)。始终使用“真正的”javascript，(这样你也可以防止转义引号的问题)这更干净，更易于维护。

您的代码还有另一个问题:您在文本区域上有一个事件处理程序“keypress”，它在每个“keypress”上将另一个属性绑定(bind)到您的内容元素。这不是很高效，而且很可能无法正常工作。此代码应该是您需要的一切:

document.getElementById('content').addEventListener("keyup",function(){

    var obs  = document.getElementById('so_observer_heading_count');    

    obs.innerHTML = this.value.length;

});​

这是一个 demo 为你。

编辑:我将事件从 keypress 更改为 keyup 以 1) 正确计数 2) 考虑字符删除。