Question

我需要帮助让这个工作，尝试谷歌必须提供的一切..但仍然卡住。我需要它做的是在点击时加载（div id =＆＃34; availablecredits＆＃34;）的值（div id =＆＃34; beta＆＃34;）。任何身体可以帮助我吗？

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

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

Answer 1

属性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>

SNIPPET＃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>

SNIPPET＃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>

Answer 2

简单的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>

Answer 3

你应该尽量避免写内联事件。这个：

＆＃13;

<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>

＆＃13;

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

Answer 4

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

var input = $("#Input").val();

坚持onclick尝试google找不到答案

4 个答案: