根据条件使用打字稿更改 <div> 样式

change <div> style with typescript base on condition

提问人：ali_he96 提问时间：10/26/2023 最后编辑：ali_he96 更新时间：10/26/2023 访问量：25

问：

我尝试根据条件使用打字稿更改样式。 html ：

<div class="table-main" id="table-main" (load)="zoom()">

打字稿：

 zoom() {
    if (x === `y`) {
          style 1
    } else {
      style 2
    }

if condition true => change zoom property=> zoom： “110%” else zoom： “90%”。

html css 打字稿 dom

评论

答：

1赞 LSE 10/26/2023 #1

这是一个快速演示，供您入门。

document.querySelectorAll('[data-zoom]').forEach(element => {
  const condition = element.dataset.zoom
  
  if(condition === 'true') {
    element.style.zoom = '400%'
  }
})
<div data-zoom="true">
  test01
</div>

<div data-zoom="false">
  test02
</div>

上一个：XPath：获取标题后的第一段

下一个：如何使用 document.queryselector（） 编辑元素的 HTML 属性？[已结束]