如何用js获取某个img标签节点的所有属性名

Posted 2023-05-13

使用javascript获取某个元素的属性值可以使用jQuery中的选择器+attr()方法。
工具原料：编辑器、浏览器
1、实现的思路是先使用选择器通过id获取到这个元素，然后使用attr方法获取某个属性的值，代码如下：
<div id="div1" class="test">

</div>
<script>
console.log($('#div1').attr('class'));
</script>

2、运行的结果是获取到了class的值test， 参考技术A windows.localhost.replase()

如何用js 在div内插入内容

思路：先获取div对象，然后用innerHTML属性设置内容。当div用id属性标识时，可以直接用document.getElementById()获取；当div是用其他属性（如name，class）标识，就需要使用document.getElementsByTagName()获取对象，然后循环判断属性进行筛选。

下面实例演示根据div的class设置div的内容：

1、HTML结构

<div class="test"></div>
<input type="text" id="test"/><input type=\'button\' value=\'发送\' onclick="fun()"/>

2、javascript代码

function fun()
    var str = document.getElementById("test").value;
    var divs = document.getElementsByTagName("div");
    for(i=0;i<divs.length;i++)
        if(divs[i].className == "test")
            divs[i].innerHTML += "" +str;
        
    
参考技术A var html = "<tr><inptut type="text"></tr>";

$("#divId").html(html);