javascript - 获取段落对齐值

Question

我想获取段落对齐的值以放入 IF 条件。下面的例子失败了，没有运行

这是代码

const paragraph = document.getElementsByTagName('p');
for (let i = 0; i < paragraph.length; i++) {
    if (paragraph[i].getAttribute('align').value == 'center') {
        console.log('paragraph' + i + 'centered')
    }
}

<p align="center">this is a paragraph!</p>

如您所见，属性中不存在 value 属性。我怎样才能得到align的值，无论是“center, left, right ..”？

Answer 1

const paragraph = document.getElementsByTagName('p');
for (let i = 0; i < paragraph.length; i++) {
    if (paragraph[i].getAttribute('align') == 'center') {
        console.log('paragraph' + i + 'centered')
    }
}

<p align="center">this is a paragraph!</p>

但是 align 属性是旧的并且已弃用。最好使用 text-align 即使它是更多代码来读取样式。

const paragraph = document.getElementsByTagName('p');

for (let i = 0; i < paragraph.length; i++) {
  let computed = window.getComputedStyle(paragraph[i], null);
  let alignment = computed.getPropertyValue('text-align')
  if (alignment == 'center') {
    console.log('paragraph' + i + 'centered')
  }
}

p {
  text-align: center;
}

<p>this is a paragraph!</p>