Question

我是javascript的超级新手，也许这已在其他地方得到解答，但我找不到它，因为我还在学习术语。

我正在尝试使用div标签的内容来定义嵌套在其中的div的css值。

<!DOCTYPE html>
<html>
     <head>
         <script type="text/javascript">
             function data(){
                 alert();
                 var sizeOverride = document.getElementById('newdata').innerHTML
alert(sizeOverride)
             }
         </script>
    </head>

    <body>
    	<div id=sizeChange>
         <div id="newdata">
             40 <!--The idea is for this to be 40px-->
         </div>
         </div>
         <script type="text/javascript">
      document.getElementById("sizeChange").style.fontSize = "sizeOverride" + "px";
    	</script>
    </body>
</html>

最终计划是使用它来定义图形上条形图的位置和标签，即在页面中将使用热区填充div中的信息。该框架已经构建，但目标是使用该数据来定义该div的css值。

没有任何错误，但什么也没发生。这可能很简单。我很感激你和我在一起。

Answer 1

<!DOCTYPE html>
<html>
     <head>
         <script type="text/javascript">
             function data(){
                  return parseFloat(document.getElementById('newdata').innerHTML.trim());
             }
         </script>
    </head>

    <body>
    	<div id=sizeChange>
         <div id="newdata">
             40
         </div>
         </div>
         <script type="text/javascript">

      document.getElementById("sizeChange").style.fontSize = data() + "px";
    	</script>
    </body>
</html>

获取div标签内容并将其应用于javascript中的内联样式

1 个答案: