js獲得元素文字內容
window.onload = function(){
//抓取元素
var box = document.getElementById("box")
//新增點選事件
box.onclick = function(){
//獲得元素的裡的純文字內容(ie瀏覽器都可以用)
//var con = box.innerText;
//獲得非ie裡的文字內容
//var con = box.textContent;
//短路寫法(在相容IE和非IE瀏覽器的寫法)
var con = box.textContent||box.innerText;
alert(con)
}
}
</script>
///////html///////////////
<div id="box">
<h1>今天天氣很好<span>很涼快</span></h1>
</div>
相關推薦
js獲得元素文字內容
<script type="text/javascript">window.onload = function(){ //抓取元素var box = document.getElementById("box") //新增點選事件box.onclick = fun
獲得元素html內容 及 表單元素狀態(即使用者輸入或者選中的內容)
//獲得元素html內容.如果process為true時,獲得html及表單元素狀態(即使用者輸入或者選中的內容) function getHtml(selecter,process) { var ele = $(selecter); if (window.A
一段js實現複製文字內容到剪下板(該方法相容所有瀏覽器~)
function copyUrl2() { var Url2=document.getElementById("biao1").innerText; var oInput = document.createElement('input'); oInpu
Jquery和Js獲得元素標籤名稱的方法總結
1、$( this ).get(0).tagName 2、$( this )[0].tagName 3、$( this ).prop("tagName") 4、$( this ).prop("nodeName")
電力項目七--js控制文字內容過長的顯示
style property stat center -- value bsp blog station 當文本框中文字內容過長時,需要調整顯示的樣式 如上圖所示的樣式 對應的代碼為: <div id="showInfomation" style="visibi
把圖片公式轉化為文字內容。vue專案中引入MathJax.js
這是個圖片的公式,有img標籤引入。 我們想要轉成下面的效果: 在vue專案中引入MathJax.js 首先在index.html頁面 <script type="text/javascript" src="https://cdn.ma
js實現點選複製文字內容
<script type="text/javascript"> function copyUrl(b){
jquery 如何獲取標籤本身的文字內容,不包含子元素
<li><a href="http://gz.ihk.cn/esf/houselist/?lp=保利花園" ><strong id="aaaa">保利花園<b>海珠 工業大道中</b></strong></a&
原生JS實現旋轉輪播圖+文字內容切換
window.onload = function () { var arr = [ { // 1 width:120, top:11, left:87, opacity:20,
js實現拖拽文字到頁面,讀取文字內容到textarea
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .bo
Vue.js 獲得兄弟元素,子元素,父元素(DOM操作)
pre lin col bsp 操作 attr current 綁定 tar e.target 是你當前點擊的元素 e.currentTarget 是你綁定事件的元素 e.currentTarget.previousEle
jquery內容過濾選擇器:內容過濾選擇器它是根據元素內部文字內容進行選中。
1.1. 內容過濾選擇器 內容過濾選擇器它是根據元素內部文字內容進行選中。 :Contains(text):匹配包含給定文字的元素 :Empty:匹配所有不包含子元素或者文字的空元素 :Has(se
問答《一百一十六》動態獲得元素內容,點選關閉再點選...
問答《一百一十六》動態獲得元素內容,點選關閉再點選… 問題: 點選關閉再點選顯示的功能應該用什麼去寫 程式碼如下: /----------wxml------------/ <view class="container"> <
js處理去掉富文字編輯的html,樣式,只顯示純文字內容,以供列表頁使用
<script type="text/javascript"> var description = '<p style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt;margin-lef
css處理元素中文字內容過長的情況
應用:在專案中經常遇到列表展示時文字內容過長而無法正常顯示的情況。 display:block;
返回的json資料帶有標籤,js如何獲取其中的文字內容?
專案中遇到的,java後臺從資料庫獲取HTML欄位的內容傳到前臺的過程中遇到欄位值為:<pre style="white-space: pre-wrap;word-wrap: break-word;background:#fff;border:none">22222222222222
js實現公告欄文字從右向左勻速迴圈滾動,且公告內容可以隨時增減
實現思路 滾動內容的left值初始化為外部box寬度(注意:css中設定相對定位); 每0.05s ,left值-2,直到left值=-滾動內容寬度,證明滾動到頭了(此處可根據實際體驗效果設定具體數值)
js去掉html標籤只去文字內容
呼叫repalceHtml即可 function repalceHtml(str){ var dd=str.replace(/<\/?.+?>/g,""); var dds=dd.
相容手機PC,點選即可複製文字內容到剪下板外掛clipboard.js
非常簡單: A modern approach to copy text to clipboard No Flash. No dependencies. Just 3kb gzipped Copying text to the clipboard
js 實現點選複製文字內容
js 實現點選複製文字內容 <table> <tr><td>姓名:<span onclick="copyContent(this);" title="點選複製">張 三</span></td>