在选择面板加个input隐藏域，然后点击内容时候改变隐藏域value，点击确定的时候获取隐藏域value,赋值给需要改变的标签内容
<h1 id="bt"></h1> <!-- 选择面板 --> <div id="mb"> <ul id="test"> <li class="a1">1</li> <li class="a1">2</li> <li class="a1">3</li> <li class="a1">4</li> </ul> <input type="hidden" value="" id="cc"> <button type="button" onclick="dj()"> 点击</button> </div> html window.onload = function(){ var c = document.getElementById("cc"); var obj_lis = document.getElementById("test").getElementsByTagName("li"); for(i=0;i<obj_lis.length;i++){ obj_lis[i].onclick = function(){ for (var i=0; i<obj_lis.length; i++){ obj_lis[i].className='a1'; } this.className = "a2"; c.value = this.innerHTML; } } } function dj(){ var ca = document.getElementById("cc").value; var bt = document.getElementById("bt"); bt.innerHTML = ca; } js第二个for循环是循环点击后的样式，如果不需要可以删除，a2是点击之后要改变的样式
转载于:https://www.cnblogs.com/cp123/p/9982741.html
