Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/452.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript更改html属性_Javascript_Html_Css - Fatal编程技术网

使用javascript更改html属性

使用javascript更改html属性,javascript,html,css,Javascript,Html,Css,我有以下代码 <li class="source" data-toggle="tooltip" data-placement="top" id="content1" title="" data-original-title="Test">Test Server 1</li> 我做错什么了吗?你可以用 document.getElementById('content1').dataset.Originattle='Online' 测试服务器1是一个属性,因此需要将其设置

我有以下代码

<li class="source" data-toggle="tooltip" data-placement="top" id="content1" title="" data-original-title="Test">Test Server 1</li>
我做错什么了吗?

你可以用

document.getElementById('content1').dataset.Originattle='Online'

  • 测试服务器1是一个属性,因此需要将其设置为:

    document.getElementById('content1').setAttribute('data-original-title','Online');
    
    使用
    setAttribtune()


    这似乎不是一种风格,请尝试以下方式:

    document.getElementById('content1').data-original-title = 'Online';
    
    试试这个:

    document.getElementById('content1').dataset.Originattle='Online'
    
  • 测试服务器1
  • 数据集的出色使用!我真的很怀疑JavaScript是否能正确解析
    -
    ,而更愿意将它们作为减法来阅读。你是对的,最好使用setAttribute()方法。
    document.getElementById("content1").setAttribute("data-original-title", "Online");
    
    document.getElementById('content1').data-original-title = 'Online';