Question

我正在使用Telerik报告工具创建报告，我需要在HTML文本框中加粗一些特定的单词。

例如，我的文本框中包含以下文字：＆＃34;我是金，我是女孩＆＃34;。而且我只想大胆地说出这个词＃34;我会＃34; 我是金和我我是一个女孩＆＃ 34 ;.我怎样才能做到这一点？

我不能把粗体标签放在＆＃34;我＆＃34;由于我的文本框的值是动态的，它可以在运行时更改。是否有任何方法可以使用某种＆＃34; If-Statement＆＃34; ？就像程序会读取文本框中的每个单词，然后如果单词等于＆＃34;我＆＃34;然后大胆。这样，如果文本框的值变为＆＃34;我喜欢它＆＃34;然后它会自动显示为＆＃34; 我喜欢它＆＃34;。

请帮帮我。提前谢谢。

Answer 1

从https://stackoverflow.com/users/166491/mic

尝试此答案

通过使这成为您的基础知识，您可以得到您想要的东西。它工作正常。

<!DOCTYPE html>
<html lang="en">
<head>
<title>transp</title>
<style>
    div{
        position:relative;
    }
    input, span{
        top:0;
        position:absolute;
        width:120px;
    }
    span{
        top:2px;
        left:2px;
        z-index:1;
        overflow:hidden;
    }
    input{
        background:transparent;
        z-index:2;
    }
</style>
</head>
<body>
    <div>
    <input onkeyup="bold3(this)" />
        <span id="back"></span>
    </div>
<script>
function bold3(inp){
inp.style.color = 'transparent';
var span = document.getElementById('back');
span.innerHTML = 
    '<b>' + 
    inp.value.substr(0, 3) + 
    '</b>' + 
    inp.value.substr(3);
}
</script>
</body>
</html>

在HTML文本框中加粗某个单词

1 个答案: