如何更改html页面中的xml样式

本文关键字：xml 样式 何更改 html | 更新日期: 2023-09-27 18:25:17

如何更改html页面中的xml样式？

例如在html DOM中，如果我们写：document.getElementById("p1").style.color="red"；我们可以改变这个部分的颜色，但：xmlDoc.getElementsByTagName("p1")[0].nodeValue.style.color= "red";什么都不做！！！

请帮帮我！！！

如何更改html页面中的xml样式

除非将XML转换为HTML，否则您可以对其进行样式设置；例如：

<?xml-stylesheet href="style.css" type="text/css"?>
<quran> 
   <sura name="الفاتحة" index="1">
       <aya index="1" text="بِسْمِ اللَّهِ الرَّحْمَٰنِ الرَّحِيمِ"/>
       <aya index="2" text="الْحَمْدُ لِلَّهِ رَبِّ الْعَالَمِينَ"/>
       <aya index="3" text="الرَّحْمَٰنِ الرَّحِيمِ"/>
       <aya index="4" text="مَالِكِ يَوْمِ الدِّينِ"/>
       <aya index="5" text="إِيَّاكَ نَعْبُدُ وَإِيَّاكَ نَسْتَعِينُ"/>
       <aya index="6" text="اهْدِنَا الصِّرَاطَ الْمُسْتَقِيمَ"/>
       <aya index="7" text="صِرَاطَ الَّذِينَ أَنْعَمْتَ عَلَيْهِمْ غَيْرِ الْمَغْضُوبِ عَلَيْهِمْ وَلَا الضَّالِّينَ"/> 
   </sura> 
</quran>

然后在style.css中：

aya{
    color:blue;
   }

完整的示例

或者您可以使用XSLT。

来自这里的想法。

尝试使用Attributes，例如：

cell.Attributes["style"] = "direction:rtl;";

我不确定这是否有效

它不是那样工作的。style属性用于HTML DOM；而在XML中，该样式上的颜色将只是属性的值（就像任何其他XML数据一样）。您需要在XmlElement或XmlNode上拾取样式属性，并需要找到color:的索引并相应地替换该值。

相关文章：