如何在輸入到ul單詞列表中輸入句子

-1

我需要將輸入到該輸入中的任何單詞作爲每行/元素上一個單詞的有序列表在div中吐出（onclick）。 1.我如何告訴函數將這些單詞放入列表中（我知道我必須以某種方式將它們分開，但我不知道該如何做）2.如何在列表中將列表放入div中？請僅使用Javascript。謝謝！如何在輸入到ul單詞列表中輸入句子

編輯：啓動了一個函數，現在我該如何讓它分裂成ul，然後把它放在div中？我的var分裂是爲了讓輸入框的輸入正確嗎？

<script> 
function function1() 
{ 
var split= document.getElementById('theInput').value.split(' ') 
var var1 = split[0]; 
var var2 = split [1]; 
var var3 = split [2]; 
} 
</script> 
<h1 id="header">The document header.</h1> 
<img id="theImage" src="http://www.uiowa.edu/homepage/images/dome-wm-mobile.gif"> 
<p>Value: <input type="text" id="theInput" value="" size=10> 
<input type="button" id="theButton" value="click me!" onclick="function1"></p> 
<ul id="theList"> 
<li id="element1">Element 1 
<li id="element2">Element 2 
<li id="element3">Element 3 
</ul> 
<div id="theDiv"></div>

來源

2013-12-19 Uni

希望這是你在找什麼

function splitText() 
{ 
    var textString = document.getElementById("splitText").value; 

    var stringArray = new Array(); 
    stringArray = textString.split(" "); 

    var outputString = "<ul>"; 
    for (i = 0; i < stringArray.length; i++) { 
     outputString += "<li>"+ stringArray[i] + "</li>"; 
    } 
    outputString += "</ul>"; 
    document.getElementById("output").innerHTML = outputString; 
}

這裏是HTML代碼

<input id="splitText" type='text'/> 
    <div id='output' style='width:100px;height:100px;border: 1px solid' onclick='splitText()'>

來源

2013-12-19 06:00:34 Dilantha

我認爲這是我想要做的，謝謝！我如何獲得div中的結果輸出作爲列表？ – Uni

當你點擊方塊（div）時，它會將結果作爲列表輸出到div – Dilantha

嗯，我不能做正確的。 HTML代碼部分是否在體內？或者在div中？ – Uni

Here you go

的標記：

<p>Input:<input type="text" id="theInput" value="" size=10> 
<input type="button" id="button1" value="click" onclick="function1();"></p> 
<ul id="theList"> 
</ul> 
<div id="div1"></div>

的JavaScript：

function function1() { 
    var words = document.getElementById("theInput").value.split(" "); 
    console.log(words.length); 
    for(var i = 0; i < words.length; ++i) { 
     var obj = document.createElement('li'); 
     obj.id = "list"+i; 
     obj.innerHTML = words[i]; 
     document.getElementById("theList").appendChild(obj); 
    } 
}

一個友好的提示：考慮您的命名約定的工作！

來源

2013-12-19 06:03:50

如何在輸入到ul單詞列表中輸入句子

回答

相關問題