Javascript getElementsByClassName仅获取一项

我正在尝试保存输入框，当使用document.getElementsByClassName时，该操作仅对最后一项有效

我创造了一把小提琴

如果在第一个文本框中输入文本并保存，则返回空白，但如果在第二个文本框中输入文本，则会返回两个保存按钮

var fileNameToSaveAs = document.getElementById("tlt").innerHTML;
var myDivObj = document.getElementById("tlt").innerHTML;    

var items = document.getElementsByClassName('notesApp');
for (var i = 0; i < items.length; i++) {
    var textToWrite =   items[i].value
    //alert(textToWrite);
    var textFileAsBlob = new Blob([textToWrite], {type:'text/plain'});
}

var fileNameToSaveAs=document.getElementById（“tlt”）.innerHTML；
var myDivObj=document.getElementById（“tlt”）.innerHTML；
var items=document.getElementsByClassName（'notesApp'）；
对于（变量i=0；i

我需要每个框保存正确的文本输入

谢谢

有两个错误：

正如@xxx指出的，在class属性中，您使用了“notespp”而不是“notesApp”

更重要的是，您正在替换for循环中的textFileAsBlob，而不是附加到它

请参见“构建Blob”一节，以在此处附加到Blob：

有两个错误：

正如@xxx指出的，在class属性中，您使用了“notespp”而不是“notesApp”

更重要的是，您正在替换for循环中的textFileAsBlob，而不是附加到它

请参见“构建Blob”一节，以在此处附加到Blob：

有两个错误：

正如@xxx指出的，在class属性中，您使用了“notespp”而不是“notesApp”

更重要的是，您正在替换for循环中的textFileAsBlob，而不是附加到它

请参见“构建Blob”一节，以在此处附加到Blob：

有两个错误：

正如@xxx指出的，在class属性中，您使用了“notespp”而不是“notesApp”

更重要的是，您正在替换for循环中的textFileAsBlob，而不是附加到它

请参见“构建Blob”一节，以在此处附加到Blob：

var textToWrite=“”
对于（变量i=0；i

var textToWrite=“”
对于（变量i=0；i

var textToWrite=“”
对于（变量i=0；i

var textToWrite=“”
对于（变量i=0；i

单击这两个按钮时所做的操作相同。 获取第二个textarea的内容

因此，请为saveTextAsFile提供一个参数，以获得所需的textarea id。 并获得您想要的正确内容

<div>
<textarea id="inputTextToSave" class="notesppp"></textarea> 
    <button onclick="saveTextAsFile('inputTextToSave')" class="btn">Save Notes</button>

</div>   
<div>     
    <textarea id="inputsecondbox" class="notesApp" ></textarea> 
    <button onclick="saveTextAsFile('inputsecondbox')" class="btn">Save Notes</button>
</div>

function saveTextAsFile(textId)
{
    var fileNameToSaveAs = document.getElementById("tlt").innerHTML;
    var myDivObj = document.getElementById("tlt").innerHTML;    

// changed

    var item = document.getElementsById(textId);
    var textToWrite = item.value;
    var textFileAsBlob = new Blob([textToWrite], {type:'text/plain'});
// changed

 .....

}

保存笔记
保存笔记
函数saveTextAsFile（textId）
{
var fileNameToSaveAs=document.getElementById（“tlt”）.innerHTML；
var myDivObj=document.getElementById（“tlt”）.innerHTML；
//改变
var item=document.getElementsById（textId）；
var textToWrite=item.value；
var textFileAsBlob=newblob（[textToWrite]，{type:'text/plain'}）；
//改变
.....
}

单击这两个按钮时所做的操作相同。 获取第二个textarea的内容

因此，请为saveTextAsFile提供一个参数，以获得所需的textarea id。 并获得您想要的正确内容

<div>
<textarea id="inputTextToSave" class="notesppp"></textarea> 
    <button onclick="saveTextAsFile('inputTextToSave')" class="btn">Save Notes</button>

</div>   
<div>     
    <textarea id="inputsecondbox" class="notesApp" ></textarea> 
    <button onclick="saveTextAsFile('inputsecondbox')" class="btn">Save Notes</button>
</div>

function saveTextAsFile(textId)
{
    var fileNameToSaveAs = document.getElementById("tlt").innerHTML;
    var myDivObj = document.getElementById("tlt").innerHTML;    

// changed

    var item = document.getElementsById(textId);
    var textToWrite = item.value;
    var textFileAsBlob = new Blob([textToWrite], {type:'text/plain'});
// changed

 .....

}

保存笔记
保存笔记
函数saveTextAsFile（textId）
{
var fileNameToSaveAs=document.getElementById（“tlt”）.innerHTML；
var myDivObj=document.getElementById（“tlt”）.innerHTML；
//改变
var item=document.getElementsById（textId）；
var textToWrite=item.value；
var textFileAsBlob=newblob（[textToWrite]，{type:'text/plain'}）；
//改变
.....
}

单击这两个按钮时所做的操作相同。 获取第二个textarea的内容

因此，请为saveTextAsFile提供一个参数，以获得所需的textarea id。 并获得您想要的正确内容

<div>
<textarea id="inputTextToSave" class="notesppp"></textarea> 
    <button onclick="saveTextAsFile('inputTextToSave')" class="btn">Save Notes</button>

</div>   
<div>     
    <textarea id="inputsecondbox" class="notesApp" ></textarea> 
    <button onclick="saveTextAsFile('inputsecondbox')" class="btn">Save Notes</button>
</div>

function saveTextAsFile(textId)
{
    var fileNameToSaveAs = document.getElementById("tlt").innerHTML;
    var myDivObj = document.getElementById("tlt").innerHTML;    

// changed

    var item = document.getElementsById(textId);
    var textToWrite = item.value;
    var textFileAsBlob = new Blob([textToWrite], {type:'text/plain'});
// changed

 .....

}

保存笔记
保存笔记
函数saveTextAsFile（textId）
{
var fileNameToSaveAs=document.getElementById（“tlt”）.innerHTML；
var myDivObj=document.getElementById（“tlt”）.innerHTML；
//改变
var item=document.getElementsById（textId）；
var textToWrite=item.value；
var textFileAsBlob=newblob（[textToWrite]，{type:'text/plain'}）；
//改变
.....
}

单击这两个按钮时所做的操作相同。 获取第二个textarea的内容

因此，请为saveTextAsFile提供一个参数，以获得所需的textarea id。 并获得您想要的正确内容

<div>
<textarea id="inputTextToSave" class="notesppp"></textarea> 
    <button onclick="saveTextAsFile('inputTextToSave')" class="btn">Save Notes</button>

</div>   
<div>     
    <textarea id="inputsecondbox" class="notesApp" ></textarea> 
    <button onclick="saveTextAsFile('inputsecondbox')" class="btn">Save Notes</button>
</div>

function saveTextAsFile(textId)
{
    var fileNameToSaveAs = document.getElementById("tlt").innerHTML;
    var myDivObj = document.getElementById("tlt").innerHTML;    

// changed

    var item = document.getElementsById(textId);
    var textToWrite = item.value;
    var textFileAsBlob = new Blob([textToWrite], {type:'text/plain'});
// changed

 .....

}

保存笔记
保存笔记
函数saveTextAsFile（textId）
{
var fileNameToSaveAs=document.getElementById（“tlt”）.innerHTML；
var myDivObj=document.getElementById（“tlt”）.innerHTML；
//改变
var item=document.getElementsById（textId）；
var textToWrite=item.value；
var textFileAsBlob=newblob（[textToWrite]，{type:'text/plain'}）；
//改变
.....
}

试一下：

var allSuccess = document.getElementsByClassName("btn btn-lg btn-success");
while (allSuccess.length>0) {
    allSuccess[0].disabled = true;
    allSuccess[0].className = "btn btn-lg";
    allSuccess = document.getElementsByClassName("btn btn-lg btn-success");
}

试一下：

var allSuccess = document.getElementsByClassName("btn btn-lg btn-success");
while (allSuccess.length>0) {
    allSuccess[0].disabled = true;
    allSuccess[0].className = "btn btn-lg";
    allSuccess = document.getElementsByClassName("btn btn-lg btn-success");
}

试一下：

var allSuccess = document.getElementsByClassName("btn btn-lg btn-success");
while (allSuccess.length>0) {
    allSuccess[0].disabled = true;
    allSuccess[0].className = "btn btn-lg";
    allSuccess = document.getElementsByClassName("btn btn-lg btn-success");
}

试一下：

var allSuccess = document.getElementsByClassName("btn btn-lg btn-success");
while (allSuccess.length>0) {
    allSuccess[0].disabled = true;
    allSuccess[0].className = "btn btn-lg";
    allSuccess = document.getElementsByClassName("btn btn-lg btn-success");
}

---

你在fiddle的第一个文本区域拼错了类名请看这把小提琴[你在fiddle的第一个文本区域拼错了类名请看这把小提琴[你在fiddle的第一个文本区域拼错了类名请看这把小提琴[你在fiddle的第一个文本区域拼错了类名请看这把小提琴][这会将两个文本框添加到一起，而不是保存为带有单个文本的每个文件有更具体的问题这会将两个文本框添加到一起，而不是保存为带有单个文本的每个文件有更具体的问题