怎样用JS实现-点击文字 前后内容都变换

JavaScript037

怎样用JS实现-点击文字 前后内容都变换,第1张

给几种方法：

添加点击事件，然后在点击事件里面改变元素的value

利用元素互换的办法替换现有元素

把需要的元素都放上去，让不用的影藏，用的显示

简单的处理方法：

window.onload = function () {

    // title

    var t = document.getElementsByTagName('title')

    if (!!t) {

        t = t[0]

        t.innerHTML = t.innerHTML.replace(/好/g, '不好')

    }

    // content

    document.body.innerHTML = document.body.innerHTML.replace(/下雨/g, '下雪')

    document.body.innerHTML = document.body.innerHTML.replace(/专业/g, '职业')

    document.body.innerHTML = document.body.innerHTML.replace(/输入/g, '输出')

}

把这段保存到一个js文件，然后在你要替换的页面包含就可以了。要注意的是编码的问题，为了让不同编码的网页都能处理，这段js中的中文可以尝试使用 Unicode 编码。