Javascript：如何将输入打印到<；部门>；按班级选择？

编辑：感谢您迄今为止提供的有用答案！不过，我仍在努力将输入打印到“right”div。我错过了什么

在输入字段旁边，有一个选择“左”或“右”的选项。根据选择，点击按钮可向左或向右打印输入。这就是我所拥有的——但无论选择什么，它都只打印到左边

    jQuery(document).ready(function(){

        $('.button').click(function(){
        $('.input').val();
        if ($('select').val() == "left"){
            $('div.left').html($('.input').val());
            }
        else {
            $('div.right').html($('.input').val());
            }

        });
    });

    </script>

jQuery（文档）.ready（函数（）{
$（'.button'）。单击（函数（）{
$（'.input'）.val（）；
如果（$（'select'）.val（）=“左”）{
$（'div.left'）.html（$（'input'）.val（））；
}
否则{
$（'div.right'）.html（$（'input'）.val（））；
}
});
});

抱歉，如果这是非常基本的-我对JS和jQuery是完全陌生的

---

我正在尝试将表单中的输入打印到div中。这是源HTML修改的一部分（用于大学课堂）：

基本上，文本输入到字段中，我需要在单击按钮时将文本打印到“left”或“right”div

到目前为止，我只处理过有ID的div，所以我使用了

document.getElementById（“divId”）.innerHTML=（$（'.input'）.val（））

但是我现在没有身份证怎么办？不幸的是，对HTML源代码的更改不是一个选项

---

提前谢谢

只需使用普通选择器，就像css和jQuery一样。 就你而言：

$('div.left').html($('.input').val());

---

有很多其他方法可以针对HTML元素，但是在本例中，您要寻找的是。请注意，这将返回一个元素集合，因此您还需要指定希望指向的索引（从

0

开始）。例如，如果要将第二个

元素作为目标，可以使用

document.getElementsByTagName（“div”）[1]

这可以在以下示例中看到：

let input=document.getElementsByTagName（“输入”）[0]；
let button=document.getElementsByTagName（“按钮”）[0]；
设div2=document.getElementsByTagName（“div”）[1]；
addEventListener（“单击”，函数（）{
div2.innerHTML=input.value；
});

输出



输出：
因为每个元素都有唯一的类名，所以可以使用
document.getElementsByClassName
。这将返回包含该类的元素数组。由于每个类名只有一个元素，因此返回数组的第一个元素将是您的目标



拯救
函数save（）{
var input=document.getElementsByClassName（'input'）[0]。值；
document.getElementsByClassName（'left'）[0].innerHTML=input；
}
这是做你想做的事情的众多方法之一：-

在控制台中编写以下内容：

document.getElementsByTagName("div");

现在您可以看到当前文档/页面中使用的div元素总数。
您可以通过使用该特定div的“索引编号”（如在数组索引中）来选择一个要处理的选项

假设您拥有class name=“right”的div是文档中其他div元素中的第三个。
这将用于访问该div元素

document.getElementsByTagName("right")[2].innerHTML = "whatever you want to write";

正如你看到的，有很多方法可以做到这一点。您可以通过…获取元素

但最有效的方法是用


函数保存（）{
var input=document.querySelector（'input'）。值；
document.querySelector（'div.left'）。innerHTML=input；
}

拯救
想不想使用jquery？jquery很好，也很简单，但我宁愿使用没有外部依赖的解决方案。选择器在vanilla js中实现已经有很长一段时间了。
document.getElementsByTagName("right")[2].innerHTML = "whatever you want to write";