设计一个Web网页利用DOM实现页面中存在的三个p元素现分别显示每个p元素的name属性值然后将三个p元素的name属性值设置为pElement。p元素内容自拟

This is paragraph 1.

This is paragraph 2.

This is paragraph 3.

<script>
    // Get all p elements
    var paragraphs = document.getElementsByTagName("p");

    // Display name attribute value for each p element
    for (var i = 0; i < paragraphs.length; i++) {
        console.log(paragraphs[i].getAttribute("name"));
    }

    // Set name attribute value for each p element to "pElement"
    for (var i = 0; i < paragraphs.length; i++) {
        paragraphs[i].setAttribute("name", "pElement");
    }

    // Display name attribute value for each p element after setting it to "pElement"
    for (var i = 0; i < paragraphs.length; i++) {
        console.log(paragraphs[i].getAttribute("name"));
    }
</script>