Question

我有这个代码从表格中的单元格中获取数据

                <div class="p-s-header">TITLE</div>
            <div class="p-content">     
                <div class="row">
                    <div class="col-md-12 col-xs-12 col-sm-12">
                <span di="76" ></span><br />
                <span di="77" ></span><br />
                </div>
                </div>
            </div>

这产生了：

标题

（单元格76中的数据）

（单元格77中的数据）

现在，单元格77中的数据是一个对于空间来说太长的链接，所以我想添加工作＆＃34;点击这里＆＃34; （超链接）而不是显示链接。

所以我想改变代码，所以输出如下：

标题

（单元格76中的数据）

点击此处

＆＃34;点击此处＆＃34;使用单元格77中的数据构建shoudl。我没有对此进行编码，但似乎从该单元格获取数据的代码是：

我将如何构建它？

我尝试了一些选项，但似乎没有任何效果：

例如：

<a href=<span di="77" ></span>Link</a><br />

感谢您的帮助

Answer 1

试试这个，我希望这会鼓励你进一步研究HTML和JS如何协同工作。（PHP现在太先进了。）

更改您的代码：

    <div class="p-s-header">TITLE</div>
    <div class="p-content">     
       <div class="row">
          <div class="col-md-12 col-xs-12 col-sm-12">
                <span id="cell76" ></span><br />
                <span id="cell77" >http://www.google.com</span><br />
            </div>
        </div>
     </div>

属性di不存在，它是id，而ID不能以数字开头或是数字

在您添加的代码的底部写下以下内容：

   <script>
     var link = document.getElementById('cell77').innerHTML;
     document.write('<a href="'+link+'">'+link+'</a>');
   </script>

这是jsfiddle

https://jsfiddle.net/cz1Ltw3x/1/

将变量传递给href

1 个答案: