2020-11-29

最新推荐文章于 2020-12-29 18:07:34 发布

小白来报道

最新推荐文章于 2020-12-29 18:07:34 发布

阅读量91

点赞数

分类专栏： html+css+js 文章标签： js

本文链接：https://blog.csdn.net/IT007IT/article/details/110357077

版权

JavaScript 编辑保存取消 DOM操作

关键词由CSDN通过智能技术生成

html+css+js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

##html+css+html实现编辑信息效果```javascript

Document

javaScript权威指南编辑

保存取消
javaScript权威指南编辑

保存取消
javaScript权威指南编辑

保存取消
javaScript权威指南编辑

保存取消
javaScript权威指南编辑

保存取消
javaScript权威指南编辑

保存取消
javaScript权威指南编辑

保存取消

    </ul>
</div>
<script>
    var li = document.getElementsByClassName("li");
    var p1 = document.getElementsByClassName("p1");
    var p2 = document.getElementsByClassName("p2");
    var a1 = document.getElementsByClassName("a1");
    var a2 = document.getElementsByClassName("a2");
    var a3 = document.getElementsByClassName("a3");
    var text1 = document.getElementsByClassName("text1");
    var text2 = document.getElementsByClassName("text2");
    for (var i = 0; i < p2.length; i++) {
        p2[i].className = "p2 off";
    }
    for (var j = 0; j < a3.length; j++) {
        a3[j].index = j;
        a3[j].onclick = function() {
            p1[this.index].className = "p1 off";
            p2[this.index].className = "p2 on";
            text2[this.index].value = text1[this.index].innerText;
        }
    }
    for (var k = 0; k < a1.length; k++) {
        a1[k].index = k;
        a1[k].onclick = function() {
            p1[this.index].className = "p1 on";
            p2[this.index].className = "p2 off";
            text1[this.index].innerText = text2[this.index].value;
        }
    }
    for (var o = 0; o < a1.length; o++) {
        a2[o].index = o;
        a2[o].onclick = function() {
            p1[this.index].className = "p1 on";
            p2[this.index].className = "p2 off";
        }
    }
</script>

```