html replace用法
在HTML中,可以使用替换字符的方法来实现如下功能:
1. 替换文本内容:使用`replace()`方法来替换文本内容。例如:
```html
<script>
function replaceText() {
var str = ElementById("demo").innerHTML;
var newStr = place("old text", "new text");
ElementById("demo").innerHTML = newStr;
}
</script>
script在html中的用法<div id="demo">This is old text.</div>
<button onclick="replaceText()">Replace text</button>
```
点击按钮后,`This is old text.`将会被替换为`This is new text.`
2. 替换链接地址:使用`replace()`方法来替换链接地址。例如:
```html
<script>
function replaceLink() {
var str = ElementById("demo").innerHTML;
var newStr = place("old/link.html", "new/link.html");
ElementById("demo").innerHTML = newStr;
}
</script>
<a id="demo" href="old/link.html">Click here</a>
<button onclick="replaceLink()">Replace link</button>
```
点击按钮后,链接`old/link.html`将会被替换为`new/link.html`。
3. 替换图片地址:使用`replace()`方法来替换图片地址。例如:
```html
<script>
function replaceImage() {
var str = ElementById("demo").innerHTML;
var newStr = place("old/image.jpg", "new/image.jpg");
ElementById("demo").innerHTML = newStr;
}
</script>
<img id="demo" src="old/image.jpg">
<button onclick="replaceImage()">Replace image</button>
```
点击按钮后,图片`old/image.jpg`将会被替换为`new/image.jpg`。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论