jQuery技术:如何在类中使用getElementById获取值并在另一个类中使用它

 
Input


All Headings

我正在使用bootstrap,当按下Now按钮时,我将在表单中给出一些字符串。
我应该在textarea中获取该字符串的

标记(即textarea中的

some string

,其中应用了

标记)。

它可以实现吗? 我想使用jQuery。

    根据你的评论,我知道你想将textareafont-size设置为与h1 tag相同的大小。

    由于HTML中没有h1标记,因此需要在#nowBtn的单击事件处理函数中创建一个#nowBtn

     var header = document.createElement('h1'), size = window.getComputedStyle(header, null).fontSize; // Depending used browser and CSS, this returns for example 32px 

    然后你可以像这样设置textareafont-size

     $('textarea').css('font-size', size); 

    jsFiddle的现场演示 。

    编辑

    正如bfavaretto所提到的,跨浏览器的方式是使用jQuery来获取h1的大小:

     size = $(header).css('font-size'); 

    看看这个小提琴 – 它可能是你想要的。

     $(document).ready(function () { $('.btn-primary').on('click', function () { inputVal = $('#getString').val(); newTextAreaVal = "

    " + inputVal + "

    "; $('textarea').val(newTextAreaVal); }); });

    我想你可以做到

     var h1 = $("h1.classYouWant"); $(".form-control").val( "

    " + h1.text() + "

    " );

    如果是动态标题(h1或h2或h3)

    你可以做

     var header = $(".classYouWant").get(0); $(".form-control").val( header.outerHTML ); 

      以上就是jQuery教程分享如何在类中使用getElementById获取值并在另一个类中使用它相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/532369.html

      (0)
      上一篇 2020年12月21日
      下一篇 2020年12月21日

      精彩推荐