Question

我有html如下

<span id="3072" style="position: relative; display: inline-block; width: 1898px; height: 194px; ">
     <div style="visibility: visible; text-align: center; position: absolute; top: 90.5px; width: 1898px;">
         <div style="font-family: Arial; font-size: 8.25pt; font-style: normal;>
         </div>
     </div>
</span>

此处我想从最后一个div标记更改font-size:8.25pt到14pt，如何使用span标记中的id访问最后一个div标记的内容。

我可以轻松更改第1个div标签的内容，如下所示

document.getElementById("3072").firstChild.fontize="14px";

但在这种情况下，Div标签没有任何类或ID来访问它们。

任何人对此有任何想法请分享。

附上的图片，显示了html的代码。

感谢。

Answer 1

最简单的方法是直接向目标元素添加类或ID，但如果无法更改标记，则可以使用： -

使用querySelector

document.querySelector('[id="3072"]>div>div').style['font-size'] = '14px';

<span id="3072" style="position: relative; display: inline-block; width: 1898px; height: 194px; ">
     <div style="visibility: visible; text-align: center; position: absolute; top: 90.5px; width: 1898px;">
         <div style="font-family: Arial; font-size: 8.25pt; font-style: normal;">
           14px
         </div>
     </div>
</span>

或jQuery

$('#3072>div>div').css('font-size', '14px');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span id="3072" style="position: relative; display: inline-block; width: 1898px; height: 194px; ">
  <div style="visibility: visible; text-align: center; position: absolute; top: 90.5px; width: 1898px;">
    <div style="font-family: Arial; font-size: 8.25pt; font-style: normal;">
      14px
    </div>
  </div>
</span>

注意：有关将数字用作ID的信息，请参阅here。

如何使用javascript更改子子元素的字体大小

1 个答案: