Question

此功能应隐藏患者注释并显示下一个注释（如果他们有另一个注释）

function nextNote(idno){
    document.getElementById(idno).style.display = 'none';
    var idno2 = parseInt(idno)+1;
    document.getElementById(idno2.toString()).style.display = 'inline';
    document.getElementById('prevNote').label = parseInt(document.getElementById('prevNote').label) + 1;
    document.getElementById('nextNote').label = parseInt(document.getElementById('nextNote').label) + 1;

未捕获的TypeError：无法在"document.getElementById(idno).style.display = 'none';

读取null的属性'style'

有问题的元素 <li class="notes" label="1052" style="display: inline;" id="1">On: 5/17/2004 A real good Patient test</li>

nextNote正在被调用：<input type="button" id="nextNote" class="notesbottombutton" value=">" label="1" onclick="nextNote(this.label);" />

如果我使用Chrome javascript控制台 document.getElementById(1).style.display;我得到："inline"

注意我会在我得到它之后添加检查功能，例如if（document.getElementById（idno2.toString（）），这样如果没有更多的注释要显示它就不会做任何事情，我只是试图首先获得基本功能

Answer 1

问题可能是你的点击处理程序：

nextNote(this.label);

label不是HTML输入的属性。它甚至不是有效的属性。要使用input设置type="button"的标题，您应该使用其value属性并使用this.value来访问它。

如果您只是使用此属性将数据附加到元素并想要访问该属性，则应该这样做：

nextNote(this.getAttribute('label'));

但我建议您使用data-前缀属性，这是在HTML 5中附加数据的标准方式（它也向后兼容）：

<input data-label="foo" />

nextNote(this.getAttribute('data-label'));

Answer 2

this.label是指元素上的label属性，但您要设置名为label的属性。将您的onclick更改为：

onclick="nextNote(this.getAttribute('label'));"

javascript无法读取属性'style'的null

2 个答案: