Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.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 - Fatal编程技术网

Javascript分割HTML属性和值

Javascript分割HTML属性和值,javascript,Javascript,我有一个带有HTML标记的javascript字符串列表,希望拆分这些标记 <img class="logo" src="http://i.imgur.com/z38lrml.png" height="60px" /> <section id = "test"> 我想在下面的数组中拆分 [class="logo"], [src="http://i.imgur.com/z38lrml.png"],[height="60px"] 等下一行 还有什么要分开的吗 谢谢你看来你

我有一个带有HTML标记的javascript字符串列表,希望拆分这些标记

<img class="logo" src="http://i.imgur.com/z38lrml.png" height="60px" />
<section id = "test">
我想在下面的数组中拆分

[class="logo"], [src="http://i.imgur.com/z38lrml.png"],[height="60px"]
等下一行

还有什么要分开的吗


谢谢你

看来你的HTML标签实际上只是一个字符串? 在这种情况下,可以使用正则表达式:

让html='';
让attributes=html.match(/[\w-]+=“[^”]*”/g);

console.log(attributes);
看起来你的HTML标记实际上只是一个字符串? 在这种情况下,可以使用正则表达式:

让html='';
让attributes=html.match(/[\w-]+=“[^”]*”/g);
console.log(属性)
const attributes=document.querySelector('img').getAttributeNames();
const img=document.querySelector('img');
常量输出=[…属性].map((属性)=>{
const val=img.getAttribute(attr);
返回“${attr}”=“${val}”;
});
控制台日志(输出)
const attributes=document.querySelector('img').getAttributeNames();
const img=document.querySelector('img');
常量输出=[…属性].map((属性)=>{
const val=img.getAttribute(attr);
返回“${attr}”=“${val}”;
});
控制台日志(输出)

那么,您想要一个对象数组,其中每个对象都有一个与元素中的每个属性相关的键值?我指的是对象,因为
[class=“logo”]
不是有效数组。如果您真的想从字符串执行此操作。。在空格上拆分。减少该值以仅查找包含“=”的字符串??否则nvm,空间上的拆分是有缺陷的。但是element.attributes仍然是相关的,因此,您需要一个对象数组,其中每个对象都有一个与元素中每个属性相关的键值?我指的是对象,因为
[class=“logo”]
不是有效的数组。如果您真的想从字符串执行此操作。。在空格上拆分。减少该值以仅查找包含“=”的字符串??否则nvm,空间上的拆分是有缺陷的。但是element.attributes仍然是相关的maybe@randomSoul,我将有100多行HTML标记(检查您的报价;)<代码>“class\”=\“logo”
@BinitaGyawali“我将有100多行…”-问题是?@Andreas-在浏览器中运行时引号是完美的。您的脚本输出的是
“=”
,而不是
=”
,我将有100多行HTML标记检查您的引号;)<代码>“class\”=\“logo”
@BinitaGyawali“我将有100多行…”-问题是?@Andreas-在浏览器中运行时,引号是完美的。您的脚本输出的是
“=”
,而不是
=”
[class="logo"], [src="http://i.imgur.com/z38lrml.png"],[height="60px"]