获取段落对齐值

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 属性。如何获取对齐的值，无论是"居中、左、右.."？

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>