DOM操作实例：获取并修改P元素的Name属性

这是一段文本，位于第一个p标签内。

这是第二段文本，位于第二个p标签内。

这是第三段文本，位于第三个p标签内。

<script>
    // 获取所有p元素
    var paragraphs = document.getElementsByTagName('p');

    // 显示每个p元素的name属性值
    for (var i = 0; i < paragraphs.length; i++) {
        console.log(paragraphs[i].getAttribute('name'));
    }

    // 将每个p元素的name属性值设置为'pElement'
    for (var i = 0; i < paragraphs.length; i++) {
        paragraphs[i].setAttribute('name', 'pElement');
    }

    // 再次显示每个p元素的name属性值，确认修改成功
    for (var i = 0; i < paragraphs.length; i++) {
        console.log(paragraphs[i].getAttribute('name'));
    }
</script>