Javascript分割HTML属性和值
我有一个带有HTML标记的javascript字符串列表,希望拆分这些标记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"] 等下一行 还有什么要分开的吗 谢谢你看来你
<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"]