javashell
V2EX  ›  问与答

求助如何去水印

  •  
  •   javashell · Nov 22, 2022 · 1452 views
    This topic created in 1303 days ago, the information mentioned may be changed or developed.

    公司内部网站上加了个水印功能,看了下大概只要把<div>标签删除就可以去水印了? 但是 div 标签的 id "ui-watermark-"和"-wrap"之间是随机生成的字符串。因为不会前端,这里请问大家怎么可以动态的删除呢?(最好给个 js 代码,谢谢大家)

    <div id="ui-watermark-c7hdnb-wrap">
    	<div id="ui-watermark-c7hdnb" style="display: block; pointer-events: none; position: absolute; width: 100%; height: 100%; overflow: hidden; z-index: 9999; top: 0px; left: 0px; text-align: center;">
    		<div class="ui-watermark-c7hdnb-mark-line" style="overflow: hidden;">
    			<div class="ui-watermark-c7hdnb-mark" style="width: 200px; height: 200px; pointer-events: none; z-index: -1; float: left; overflow: visible; opacity: 0.06; transform: rotate(-15deg); position: relative; margin-right: 0px;">
    				<div style="width:100%;position:absolute;top:50%;transform:translateY(-50%);">
    					<p style="pointer-events:none;font-size:14px;color:#000;"></p>
    					<p>
    						<span>&nbsp; <span>水印文字</span> &nbsp;</span>
    						<span>&nbsp; <span>2022-11-22</span> &nbsp;</span>
    					</p>
    					<p></p>
    				</div>
    			</div>
    			<div class="ui-watermark-c7hdnb-mark" style="width: 200px; height: 200px; pointer-events: none; z-index: -1; float: left; overflow: visible; opacity: 0.06; transform: rotate(-15deg); position: relative; margin-right: 0px;">
    				<div style="width:100%;position:absolute;top:50%;transform:translateY(-50%);">
    					<p style="pointer-events:none;font-size:14px;color:#000;"></p>
    					<p>
    						<span>&nbsp; <span>水印文字</span> &nbsp;</span>
    						<span>&nbsp; <span>2022-11-22</span> &nbsp;</span>
    					</p>
    					<p></p>
    				</div>
    			</div>
    			<div class="ui-watermark-c7hdnb-mark" style="width: 200px; height: 200px; pointer-events: none; z-index: -1; float: left; overflow: visible; opacity: 0.06; transform: rotate(-15deg); position: relative; margin-right: 0px;">
    				<div style="width:100%;position:absolute;top:50%;transform:translateY(-50%);">
    					<p style="pointer-events:none;font-size:14px;color:#000;"></p>
    					<p>
    						<span>&nbsp; <span>水印文字</span> &nbsp;</span>
    						<span>&nbsp; <span>2022-11-22</span> &nbsp;</span>
    					</p>
    					<p></p>
    				</div>
    			</div>
    			<div class="ui-watermark-c7hdnb-mark" style="width: 200px; height: 200px; pointer-events: none; z-index: -1; float: left; overflow: visible; opacity: 0.06; transform: rotate(-15deg); position: relative; margin-right: 0px;">
    				<div style="width:100%;position:absolute;top:50%;transform:translateY(-50%);">
    					<p style="pointer-events:none;font-size:14px;color:#000;"></p>
    					<p>
    						<span>&nbsp; <span>水印文字</span> &nbsp;</span>
    						<span>&nbsp; <span>2022-11-22</span> &nbsp;</span>
    					</p>
    					<p></p>
    				</div>
    			</div>
    
    1 replies    2022-11-22 23:40:17 +08:00
    stein42
        1
    stein42  
       Nov 22, 2022   ❤️ 3
    document.querySelectorAll('[class^="ui-watermark"]').forEach(e => e.remove())
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   883 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 21:32 · PVG 05:32 · LAX 14:32 · JFK 17:32
    ♥ Do have faith in what you're doing.