【问题标题】:How To replace Space by '+' sign using javascript如何使用 javascript 用“+”号替换空格
【发布时间】:2017-07-05 20:41:07
【问题描述】:

我正在尝试用 javascript 创建一个程序,将 <a href=''>Hello how are you</a> 转换为 <a href='hello+how+are+you'>hello how are you</a> 搜索后,我找到了这段代码,但它不起作用。

<a id='text' href='output'>is you good</a>
<a href=''>is you good</a>
<script>
$text = getElementById("demo").innerHTML ;
$output = str_replace(" ", "+", $text);


</script>

【问题讨论】:

  • 提问前请先进行简单的网络搜索。 javascript中没有str_replace()这样的方法,在网上不难找到正确的方法......以及示例
  • 您正在混淆 php 和 javascript。您正在寻找String.prototype.replace(/ /g,"+")
  • 这里是我想做的&lt;div class="tm-ctt-text"&gt;&lt;a href="https://twitter.com/share?text=hello+how+are+you.&amp;amp;via=denharsh&amp;amp;related=denharsh&amp;amp;url=https://www.something.com/" target="_blank"&gt;how are you.&lt;/a&gt;&lt;/div&gt; &lt;p&gt;&lt;a href="https://twitter.com/share?text=hello+how+are+you.&amp;amp;via=denharsh&amp;amp;related=denharsh&amp;amp;url=https://www.shoutmeloud.com/" target="_blank" class="tm-ctt-btn"&gt;Click To Tweet&lt;/a&gt;&lt;/p&gt; &lt;div class="tm-ctt-tip"&gt;&lt;/div&gt;
  • “这是我想做的” .... 这不是免费的代码编写服务。先做一些研究
  • 将其附加到原始问题。

标签: javascript jquery html


【解决方案1】:

最小的例子。使用正则表达式替换所有空格。

<a id='text' href='output'>is you good</a>
<script>
var text = document.getElementById("text").innerHTML;
console.log(text.replace(/[\s]/g, "+"));
</script>

【讨论】:

    【解决方案2】:

    getElementById() 方法需要在文档对象上调用。

    基本的谷歌搜索可以解决问题。请在此处发布之前进行一些研究。 https://www.w3schools.com/jsref/dom_obj_document.asp

    【讨论】:

      【解决方案3】:

      "demo" 不是您的示例中存在的 id。另外,我相当肯定你正在尝试在那里使用 php 作为 javascript。

      <a id='demo' href=''>is you good</a>
      
      <script>
        const spaceToPlus = (content) => {
          return content.replace(/ /g, '+');
        }
        let anchor = document.getElementById('demo')
        let attributeHref = spaceToPlus(anchor.innerHTML);
      
        anchor.setAttribute('href', attributeHref);
      </script>
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-03-29
        • 1970-01-01
        • 1970-01-01
        • 2015-05-10
        • 1970-01-01
        相关资源
        最近更新 更多