javascript - 使用 Javascript 更改没有 id 的 DOM 元素的 css

Question

我有一个 <div>显示和几个<p>里面藏着什么

<div class="em-booking-form-details">
<p class="ticket-price">
.........
.........
</div>

目前CSS 是

.em-booking-form-details p{
    display:none;
}

我有一个 id=register 的按钮注册。当我单击此按钮时，我想显示所有 <p>小号。并不是说我不能将 id 用于 <p>和 <div>并且只使用 javascript。

Answer 1

我在 jsFiddle 上提供了一个解决方案 http://jsfiddle.net/L5Xsg/

var dom_elements = document.querySelectorAll('.em-booking-form-details p');
var dom_length = dom_elements.length;

console.log(dom_elements);
for(var i = 0 ; i < dom_length ; i++) {
    dom_elements[i].style.display = 'block';
}