[asp.net]css 从 html 中获取价值

发布时间: 2017/3/26 3:51:18
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.
.font-title
{
  color: " + Label1.Text + ";
}

<asp:Label Text="Red" runat="server" ID="Label1" />

我在想,是否有任何可能的方法,对上面的解决方法?javascript 被允许。

我一周过谷歌,似乎不能得到任何想法。

----------EDITED-----------------

var color = document.getElementById('Label1').innerHTML;

var fontTitle = document.getElementsByClassName('font-title')[0];
fontTitle.getElementsByClassName('main-title');

for (var i = 0; i < fontTitle.length; i++) {
         fontTitle[i].style.color = color;
}

 <asp:Label Text="Red" runat="server" ID="Label1" />
       <div class="font-title">            
          <div class="main-title">
             Main Title
          </div>
          <div class="sub-title">
             This is sub title
         </div>
       </div>

解决方法 1:

它是不可能用纯 css。

然而,使用 javascript

var color = document.getElementById('Label1').textContent;
var fontTitles = document.getElementByClassName('font-title');
for(var i = 0; i < fontTitles.length; i++){
    fontTitles[i].style.color = color;
}

var color = document.getElementById('Label1').textContent;

var fontTitles = document.getElementsByClassName('font-title');

for (var i = 0; i < fontTitles.length; i++) {
  var mainTitles = document.getElementsByClassName('main-title');
  for (var j = 0; j < fontTitles.length; j++) {
    mainTitles[j].style.color = color;
  }
}
<label id="Label1">red
</label>
<div class="font-title">
  <div class="main-title">
    Main Title
  </div>
  <div class="sub-title">
    This is sub title
  </div>
</div>

<div class="font-title">
  <div class="main-title">
    Main Title
  </div>
  <div class="sub-title">
    This is sub title
  </div>
</div>

<div class="font-title">
  <div class="main-title">
    Main Title
  </div>
  <div class="sub-title">
    This is sub title
  </div>
</div>

官方微信
官方QQ群
31647020