坚持onclick尝试谷歌不能'我找不到答案

stuck with onclick tried google couldn't find answer

本文关键字：找不到 答案 不能 onclick 谷歌 坚持      更新时间：2023-09-26

我需要帮助，尝试了谷歌提供的一切。。但仍然卡住了。我需要它在单击时将（div id="availablecredits"）的值加载到（div id="beta"）。有人能帮我吗？

onclick="javascript:document.getElementById('beta').value=(javascript:document.getElementById('availablecredits').value)"

我也试过onclick="javascript:document.getElementById('beta').value=('#availablecredits')"

属性value对于<input>、<select>、<textarea>和<button> 等输入元素是通用的

我认为您想要的是将<div>元素的内容复制到另一个div。如果是这样，请使用innerHTML而不是value。

这是一个片段，只需点击灰色区域。

#div-two {
  min-height: 20px;
  background: #CCC;
}
<div id="div-one">
  Hello this is #div-one
</div>
<div id="div-two" onclick="document.getElementById('div-two').innerHTML=document.getElementById('div-one').innerHTML"></div>

SNIPET#2

您已经定义了第三个<div>，将其用作触发器，但如果它不可见，则不能单击它，因为它的height为0。在里面指定一些文本，然后它就可见了，JS部分就工作了。看看这个片段。

#getCredits {
  background: #CCC;
}
<div id="beta">0.00</div>
<div id="availablecredits">500</div>
<div id="getCredits" onclick="document.getElementById('beta').innerHTML=document.getElementById('availablecredits').innerHTML">Click here to get available credits</div>

SNIPET#3-jQuery

$('#getCredits').click(function() {
  $("#beta").html($('#availablecredits').html());
});;
#getCredits {
  background: #CCC;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="beta">0.00</div>
<div id="availablecredits">500</div>
<div id="getCredits">Click here to get available credits</div>

简单的javascript函数，将函数调用中的id更改为有问题的元素的id。

<script>
    function set_value( src,tgt ){
        document.getElementById( tgt ).innerHTML=document.getElementById( src ).innerHTML;
    }
</script>
<style>.p5{ display:block; padding:1rem; margin:1rem; border:1px solid black;}</style>

<div class='p5' id='src_div' onclick="set_value('src_div','tgt_div')">Weebles wobble but they don't fall down!</div>
<div class='p5' id='tgt_div'></div>
<a href='javascript:void(0)' onclick="set_value('src_div','tgt_div')">Or you can use a link to set the value</a>

您应该尽量避免编写内联事件。试试这个：

<style>
#getCredits {
  background: #CCC;
}
</style>
<div id="beta">0.00</div>
<div id="availablecredits">500</div>
<div id="getCredits">Click here to get available credits</div>
<script>
document.getElementById('getCredits').addEventListener("click",function(){
document.getElementById('beta').innerHTML=document.getElementById('availablecredits').innerHTML;
});
</script>

为什么内联css和javascript不好：http://robertnyman.com/2008/11/20/why-inline-css-and-javascript-code-is-such-a-bad-thing/

.val（）方法有时很有用：

var input = $("#Input").val();
相关文章：